|
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 { display: table; position: absolute; } |
|
9 |
|
10 </style> |
|
11 </head> |
|
12 <body> |
|
13 |
|
14 <!-- one border --> |
|
15 <div style="top: 10px; left: 10px; width: 10.4px; border-top: 10px solid green"></div> |
|
16 <div style="top: 10px; left: 30px; height: 10px; border-right: 10.4px solid green"></div> |
|
17 <div style="top: 10px; left: 50px; width: 10.4px; border-bottom: 10px solid green"></div> |
|
18 <div style="top: 10px; left: 70px; height: 10px; border-left: 10.4px solid green"></div> |
|
19 |
|
20 <!-- two adjacent borders --> |
|
21 <div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 10.4px solid green"></div> |
|
22 <div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 10.4px solid green"></div> |
|
23 <div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 10.4px solid green"></div> |
|
24 <div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 10.4px solid green"></div> |
|
25 |
|
26 <!-- two opposite borders --> |
|
27 <div style="top: 10px; left: 170px; height: 10px; border-left: 5.4px solid green; border-right: 5px solid green;"></div> |
|
28 <div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 5.4px solid green;"></div> |
|
29 <div style="top: 10px; left: 210px; width: 10.4px; border-top: 5px solid green; border-bottom: 5px solid green"></div> |
|
30 |
|
31 <!-- three borders --> |
|
32 <div style="top: 10px; left: 230px; border-top: 5px solid green; border-right: 10.4px solid green; border-bottom: 5px solid green"></div> |
|
33 <div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 10.4px solid green; border-bottom: 5px solid green"></div> |
|
34 <div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 5.4px solid green; border-bottom: 10px solid green"></div> |
|
35 <div style="top: 10px; left: 290px; border-left: 5.4px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div> |
|
36 <div style="top: 10px; left: 310px; border-left: 5px solid green; border-right: 5.4px solid green; border-top: 10px solid green"></div> |
|
37 <div style="top: 10px; left: 330px; border-left: 5.4px solid green; border-right: 5px solid green; border-top: 10px solid green"></div> |
|
38 |
|
39 <!-- four borders --> |
|
40 <div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.4px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div> |
|
41 <div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.4px solid green"></div> |
|
42 |
|
43 <!-- border around space --> |
|
44 <div style="top: 30px; left: 10px; border: 10px solid green; height: 20px; width: 20.4px"></div> |
|
45 |
|
46 </body> |
|
47 </html> |