layout/reftests/pixel-rounding/image-base-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Pixel rounding testcase</title>
   5 <style type="text/css">
   6
   7 html, body { margin: 0; border: none; padding: 0; }
   8 div { position: absolute; background: blue; }
   9
  10 div.i1  { left: 10px; }
  11 div.i3  { left: 40px; }
  12 div.i5  { left: 70px; }
  13 div.i25 { left: 100px; }
  14
  15 div.s1  { top: 10px; height: 1px; width: 1px; }
  16 div.s3  { top: 30px; height: 3px; width: 3px; }
  17 div.s5  { top: 50px; height: 5px; width: 5px; }
  18 div.s25 { top: 70px; height: 25px; width: 25px; }
  19
  20 </style>
  21 </head>
  22 <body>
  23
  24 <div class="s1 i1"></div>
  25 <div class="s1 i3"></div>
  26 <div class="s1 i5"></div>
  27 <div class="s1 i25"></div>
  28
  29 <div class="s3 i1"></div>
  30 <div class="s3 i3"></div>
  31 <div class="s3 i5"></div>
  32 <div class="s3 i25"></div>
  33
  34 <div class="s5 i1"></div>
  35 <div class="s5 i3"></div>
  36 <div class="s5 i5"></div>
  37 <div class="s5 i25"></div>
  38
  39 <div class="s25 i1"></div>
  40 <div class="s25 i3"></div>
  41 <div class="s25 i5"></div>
  42 <div class="s25 i25"></div>
  43
  44 </body>
  45 </html>