layout/reftests/pixel-rounding/image-width-left-5.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 img { position: absolute; }
   9
  10 img[src="blue-1x1.png"]   { left: 10px; }
  11 img[src="blue-3x3.png"]   { left: 40px; }
  12 img[src="blue-5x5.png"]   { left: 70px; }
  13 img[src="blue-25x25.png"] { left: 100px; }
  14
  15 img.s1  { top: 10px; height: 1px; width: 1.5px; }
  16 img.s3  { top: 30px; height: 3px; width: 3.5px; }
  17 img.s5  { top: 50px; height: 5px; width: 5.5px; }
  18 img.s25 { top: 70px; height: 25px; width: 25.5px; }
  19
  20 </style>
  21 </head>
  22 <body>
  23
  24 <img class="s1" src="blue-1x1.png">
  25 <img class="s1" src="blue-3x3.png">
  26 <img class="s1" src="blue-5x5.png">
  27 <img class="s1" src="blue-25x25.png">
  28
  29 <img class="s3" src="blue-1x1.png">
  30 <img class="s3" src="blue-3x3.png">
  31 <img class="s3" src="blue-5x5.png">
  32 <img class="s3" src="blue-25x25.png">
  33
  34 <img class="s5" src="blue-1x1.png">
  35 <img class="s5" src="blue-3x3.png">
  36 <img class="s5" src="blue-5x5.png">
  37 <img class="s5" src="blue-25x25.png">
  38
  39 <img class="s25" src="blue-1x1.png">
  40 <img class="s25" src="blue-3x3.png">
  41 <img class="s25" src="blue-5x5.png">
  42 <img class="s25" src="blue-25x25.png">
  43
  44 </body>
  45 </html>