border-width-6.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: 10px; width: 10.6px; border-top: 10px solid green"></div> 16 <div style="top: 10px; left: 30px; height: 10px; border-right: 11.6px solid green"></div> 17 <div style="top: 10px; left: 50px; width: 10.6px; border-bottom: 10px solid green"></div> 18 <div style="top: 10px; left: 70px; height: 10px; border-left: 11.6px solid green"></div> 19 20 <!-- two adjacent borders --> 21 <div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 11.6px solid green"></div> 22 <div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 11.6px solid green"></div> 23 <div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 11.6px solid green"></div> 24 <div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 11.6px solid green"></div> 25 26 <!-- two opposite borders --> 27 <div style="top: 10px; left: 170px; height: 10px; border-left: 6.6px solid green; border-right: 5px solid green;"></div> 28 <div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 6.6px solid green;"></div> 29 <div style="top: 10px; left: 210px; width: 10.6px; 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: 11.6px solid green; border-bottom: 5px solid green"></div> 33 <div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 11.6px solid green; border-bottom: 5px solid green"></div> 34 <div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 6.6px solid green; border-bottom: 10px solid green"></div> 35 <div style="top: 10px; left: 290px; border-left: 6.6px 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: 6.6px solid green; border-top: 10px solid green"></div> 37 <div style="top: 10px; left: 330px; border-left: 6.6px 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: 6.6px 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: 6.6px solid green"></div> 42 43 <!-- border around space --> 44 <div style="top: 30px; left: 10px; border: 10px solid green; height: 10px; width: 10.6px"></div> 45 46 </body> 47 </html>