border-left-4.html (2780B)
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; } 9 10 </style> 11 </head> 12 <body> 13 14 <!-- one border --> 15 <div style="top: 10px; left: 10.4px; width: 10px; border-top: 10px solid green"></div> 16 <div style="top: 10px; left: 30.4px; height: 10px; border-right: 10px solid green"></div> 17 <div style="top: 10px; left: 50.4px; width: 10px; border-bottom: 10px solid green"></div> 18 <div style="top: 10px; left: 70.4px; height: 10px; border-left: 10px solid green"></div> 19 20 <!-- two adjacent borders --> 21 <div style="top: 10px; left: 90.4px; border-top: 10px solid green; border-right: 10px solid green"></div> 22 <div style="top: 10px; left: 110.4px; border-bottom: 10px solid green; border-right: 10px solid green"></div> 23 <div style="top: 10px; left: 130.4px; border-top: 10px solid green; border-left: 10px solid green"></div> 24 <div style="top: 10px; left: 150.4px; border-bottom: 10px solid green; border-left: 10px solid green"></div> 25 26 <!-- two opposite borders --> 27 <div style="top: 10px; left: 170.4px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div> 28 <div style="top: 10px; left: 190.4px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div> 29 <div style="top: 10px; left: 210.4px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div> 30 31 <!-- three borders --> 32 <div style="top: 10px; left: 230.4px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div> 33 <div style="top: 10px; left: 250.4px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div> 34 <div style="top: 10px; left: 270.4px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div> 35 <div style="top: 10px; left: 290.4px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div> 36 <div style="top: 10px; left: 310.4px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div> 37 <div style="top: 10px; left: 330.4px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div> 38 39 <!-- four borders --> 40 <div style="top: 10px; left: 350.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div> 41 <div style="top: 10px; left: 370.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div> 42 43 <!-- border around space --> 44 <div style="top: 30px; left: 10.4px; border: 10px solid green; height: 10px; width: 10px"></div> 45 46 </body> 47 </html>