| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>This tests that dashed border is painted properly when on subpixel position.</title> | |
| <style> | |
| div { | |
| position: absolute; | |
| width: 10px; | |
| height: 10px; | |
| } | |
| .border1 { | |
| border-top: 1px dashed blue; | |
| } | |
| .border2 { | |
| border-bottom: 1px dashed blue; | |
| } | |
| .border3 { | |
| border-left: 1px dashed blue; | |
| } | |
| .border4 { | |
| border-right: 1px dashed blue; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <script> | |
| for (side = 1; side <= 4; ++side) { | |
| var x = 0; | |
| var y = 0; | |
| for (i = 0; i < 50; ++i) { | |
| var box = document.createElement("div"); | |
| box.style.left = x + "px"; | |
| box.style.top = y + "px"; | |
| box.className = "border" + side; | |
| document.body.appendChild(box); | |
| x += 14; | |
| y += 0.05; | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |