LayoutTests/fast/css/background-clip-values.html

   1 <html>
   2 <head>
   3 <title>Testing Background clip values</title>
   4 <style type="text/css">
   5 div {
   6     border: 15px dashed black;
   7     background-color:green;
   8     padding: 15px 25px;
   9     height: 75px;
  10     width: 200px;
  11 }
  12
  13 #box1 {
  14    background-clip: content-box;
  15 }
  16 #box2 {
  17    background-clip: padding-box;
  18 }
  19 #box3 {
  20     background-clip: border-box;
  21 }
  22 </style>
  23 </head>
  24 <body>
  25 <div id="box1">
  26 <!-- Background color should be clipped to the content box. Padding space is white.-->
  27 </div>
  28 <div id="box2">
  29 <!-- Background color should be clipped to the padding box. Padding space is green.-->
  30 </div>
  31 <div id="box3">
  32 <!--Background color should be clipped to the border box. Green should be visible within the dashed border.-->
  33 </div>
  34 </body>
  35 </html>