/layout/reftests/pixel-rounding/background-image-width-left-6.html

http://github.com/zpao/v8monkey · HTML · 70 lines · 61 code · 9 blank · 0 comment · 0 complexity · 24a3d388c9514ed5f7bb4c55be8bf32d MD5 · raw file 

    

  1. <!DOCTYPE HTML>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <title>Pixel rounding testcase</title>
    5. 

  5. <style type="text/css">
    6. 

  6. 

  7. html, body { margin: 0; border: none; padding: 0; }
    8. 

  8. div { position: absolute; height: 10px; width: 10.5px; }
    9. 

  9. 

  10. div.i1  { top: 10px; background-image: url(blue-1x1.png); }
    11. 

  11. div.i3  { top: 30px; background-image: url(blue-3x3.png); }
    12. 

  12. div.i5  { top: 50px; background-image: url(blue-5x5.png); }
    13. 

  13. div.i25 { top: 70px; background-image: url(blue-25x25.png); }
    14. 

  14. 

  15. div.p1 { left: 10.1px; background-position: top left; }
    16. 

  16. div.p2 { left: 30.1px; background-position: top; }
    17. 

  17. div.p3 { left: 50.1px; background-position: top right; }
    18. 

  18. div.p4 { left: 70.1px; background-position: left; }
    19. 

  19. div.p5 { left: 90.1px; background-position: center; }
    20. 

  20. div.p6 { left: 110.1px; background-position: right; }
    21. 

  21. div.p7 { left: 130.1px; background-position: bottom left; }
    22. 

  22. div.p8 { left: 150.1px; background-position: bottom; }
    23. 

  23. div.p9 { left: 170.1px; background-position: bottom right; }
    24. 

  24. 

  25. </style>
    26. 

  26. </head>
    27. 

  27. <body>
    28. 

  28. 

  29. <div class="i1 p1"></div>
    30. 

  30. <div class="i1 p2"></div>
    31. 

  31. <div class="i1 p3"></div>
    32. 

  32. <div class="i1 p4"></div>
    33. 

  33. <div class="i1 p5"></div>
    34. 

  34. <div class="i1 p6"></div>
    35. 

  35. <div class="i1 p7"></div>
    36. 

  36. <div class="i1 p8"></div>
    37. 

  37. <div class="i1 p9"></div>
    38. 

  38. 

  39. <div class="i3 p1"></div>
    40. 

  40. <div class="i3 p2"></div>
    41. 

  41. <div class="i3 p3"></div>
    42. 

  42. <div class="i3 p4"></div>
    43. 

  43. <div class="i3 p5"></div>
    44. 

  44. <div class="i3 p6"></div>
    45. 

  45. <div class="i3 p7"></div>
    46. 

  46. <div class="i3 p8"></div>
    47. 

  47. <div class="i3 p9"></div>
    48. 

  48. 

  49. <div class="i5 p1"></div>
    50. 

  50. <div class="i5 p2"></div>
    51. 

  51. <div class="i5 p3"></div>
    52. 

  52. <div class="i5 p4"></div>
    53. 

  53. <div class="i5 p5"></div>
    54. 

  54. <div class="i5 p6"></div>
    55. 

  55. <div class="i5 p7"></div>
    56. 

  56. <div class="i5 p8"></div>
    57. 

  57. <div class="i5 p9"></div>
    58. 

  58. 

  59. <div class="i25 p1"></div>
    60. 

  60. <div class="i25 p2"></div>
    61. 

  61. <div class="i25 p3"></div>
    62. 

  62. <div class="i25 p4"></div>
    63. 

  63. <div class="i25 p5"></div>
    64. 

  64. <div class="i25 p6"></div>
    65. 

  65. <div class="i25 p7"></div>
    66. 

  66. <div class="i25 p8"></div>
    67. 

  67. <div class="i25 p9"></div>
    68. 

  68. 

  69. </body>
    70. 

  70. </html>
    71.