collapsed-border-left-6.html (2796B)
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: 10.6px; width: 10px; border-top: 10px solid green"></div> 16 <div style="top: 10px; left: 30.6px; height: 10px; border-right: 10px solid green"></div> 17 <div style="top: 10px; left: 50.6px; width: 10px; border-bottom: 10px solid green"></div> 18 <div style="top: 10px; left: 70.6px; height: 10px; border-left: 10px solid green"></div> 19 20 <!-- two adjacent borders --> 21 <div style="top: 10px; left: 90.6px; border-top: 10px solid green; border-right: 10px solid green"></div> 22 <div style="top: 10px; left: 110.6px; border-bottom: 10px solid green; border-right: 10px solid green"></div> 23 <div style="top: 10px; left: 130.6px; border-top: 10px solid green; border-left: 10px solid green"></div> 24 <div style="top: 10px; left: 150.6px; border-bottom: 10px solid green; border-left: 10px solid green"></div> 25 26 <!-- two opposite borders --> 27 <div style="top: 10px; left: 170.6px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div> 28 <div style="top: 10px; left: 190.6px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div> 29 <div style="top: 10px; left: 210.6px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div> 30 31 <!-- three borders --> 32 <div style="top: 10px; left: 230.6px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div> 33 <div style="top: 10px; left: 250.6px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div> 34 <div style="top: 10px; left: 270.6px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div> 35 <div style="top: 10px; left: 290.6px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div> 36 <div style="top: 10px; left: 310.6px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div> 37 <div style="top: 10px; left: 330.6px; 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.6px; 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.6px; 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.6px; border: 10px solid green; height: 20px; width: 20px"></div> 45 46 </body> 47 </html>