layout/reftests/pixel-rounding/background-image-base.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; height: 10px; width: 10px; }
   9
  10 div { background: blue; } /* for reference only */
  11
  12 div.i1  { top: 10px; }
  13 div.i3  { top: 30px; }
  14 div.i5  { top: 50px; }
  15 div.i25 { top: 70px; }
  16
  17 div.p1 { left: 10px; }
  18 div.p2 { left: 30px; }
  19 div.p3 { left: 50px; }
  20 div.p4 { left: 70px; }
  21 div.p5 { left: 90px; }
  22 div.p6 { left: 110px; }
  23 div.p7 { left: 130px; }
  24 div.p8 { left: 150px; }
  25 div.p9 { left: 170px; }
  26
  27 </style>
  28 </head>
  29 <body>
  30
  31 <div class="i1 p1"></div>
  32 <div class="i1 p2"></div>
  33 <div class="i1 p3"></div>
  34 <div class="i1 p4"></div>
  35 <div class="i1 p5"></div>
  36 <div class="i1 p6"></div>
  37 <div class="i1 p7"></div>
  38 <div class="i1 p8"></div>
  39 <div class="i1 p9"></div>
  40
  41 <div class="i3 p1"></div>
  42 <div class="i3 p2"></div>
  43 <div class="i3 p3"></div>
  44 <div class="i3 p4"></div>
  45 <div class="i3 p5"></div>
  46 <div class="i3 p6"></div>
  47 <div class="i3 p7"></div>
  48 <div class="i3 p8"></div>
  49 <div class="i3 p9"></div>
  50
  51 <div class="i5 p1"></div>
  52 <div class="i5 p2"></div>
  53 <div class="i5 p3"></div>
  54 <div class="i5 p4"></div>
  55 <div class="i5 p5"></div>
  56 <div class="i5 p6"></div>
  57 <div class="i5 p7"></div>
  58 <div class="i5 p8"></div>
  59 <div class="i5 p9"></div>
  60
  61 <div class="i25 p1"></div>
  62 <div class="i25 p2"></div>
  63 <div class="i25 p3"></div>
  64 <div class="i25 p4"></div>
  65 <div class="i25 p5"></div>
  66 <div class="i25 p6"></div>
  67 <div class="i25 p7"></div>
  68 <div class="i25 p8"></div>
  69 <div class="i25 p9"></div>
  70
  71 </body>
  72 </html>