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

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html>
   3 <head>
   4 <style>
   5 .green {
   6   width: 200px;
   7   height: 200px;
   8   background-color: green;
   9 }
  10
  11 .red {
  12   width: 100px;
  13   height: 100px;
  14   background-color: red;
  15 }
  16
  17 .overflow {
  18   overflow: hidden;
  19 }
  20
  21 .clip {
  22   position: absolute;
  23   clip: rect(100px 200px 200px 100px);
  24 }
  25 </style>
  26 <body>
  27 You should see a 100x100 green square below.  If you see any red, the test
  28 has failed.
  29
  30 <div class="green clip"><div class="red"></div></div>