LayoutTests/fast/clip/014.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html>
   3 <head>
   4 <style>
   5 .green {
   6   width: 100px;
   7   height: 200px;
   8   background-color: green;
   9   border: 10px solid red;
  10 }
  11
  12 .clip {
  13   clip: rect(10px 110px 110px 10px);
  14 }
  15
  16 .positioned {
  17   position: absolute;
  18   overflow: scroll;
  19 }
  20
  21 .tall {
  22   height: 1000px;
  23 }
  24
  25 </style>
  26 <body>
  27 You should see a 100x100 green square with a scrollbar below.  If you see any red, the test
  28 has failed.  This test is checking to make sure clip applies to the element
  29 itself, starts from the border edge, and clips out scrollbars.  The bottom
  30 of the scrolling mechanism should be clipped.
  31
  32 <div class="clip green positioned">
  33 <div class="tall"></div>
  34 </div>