third_party/WebKit/LayoutTests/fast/clip/009.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html>
   3 <head>
   4 <style>
   5 .green {
   6   width: 100px;
   7   height: 100px;
   8   background-color: green;
   9 }
  10
  11 .red {
  12   width: 100px;
  13   height: 100px;
  14   margin-top: 100px;
  15   margin-left: 100px;
  16   background-color: red;
  17 }
  18
  19 .clip {
  20   clip: rect(0px 100px 100px 0px);
  21 }
  22
  23 .positioned {
  24   position: absolute;
  25 }
  26 </style>
  27 <body>
  28 You should see a 100x100 green square below.  If you see any red, the test
  29 has failed.  This test is checking to make sure clip is applying to all
  30 descendants.
  31
  32 <div class="clip green positioned">
  33 <div class="red"></div>
  34 <div class="red positioned"></div>
  35 </div>