third_party/WebKit/LayoutTests/fast/clip/012.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
  27 .overflow {
  28   overflow: hidden;
  29 }
  30
  31 </style>
  32 <body>
  33 You should see a 100x100 green square below.  If you see any red, the test
  34 has failed.  This test is checking to make sure clip is applying to all
  35 descendants.
  36
  37 <div class="clip green positioned">
  38 <div class="red"></div>
  39 <div class="red overflow"></div>
  40 </div>