subpixel-border-width.tentative.html (1288B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title> 5 CSS Border: width computed value 6 </title> 7 8 <link rel="author" title="Traian Captan" href="mailto:tcaptan@chromium.org"> 9 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#border-width"> 10 <link rel="match" href="reference/subpixel-border-width-ref.tentative.html"> 11 12 <meta name="assert" content="border-width computed value after rounding."> 13 14 <style> 15 .square { 16 height: 20px; 17 width: 20px; 18 border: solid gray; 19 } 20 </style> 21 </head> 22 23 <body> 24 <h1> 25 Test passes if border widths are rounded up 26 when they are greater than 0 and less than 1, 27 and rounded down when they are greater than 1. 28 </h1> 29 30 <div class="square" style="border-width: 0.3px;"></div> 31 <br> 32 <div class="square" style="border-width: 0.5px;"></div> 33 <br> 34 <div class="square" style="border-width: 0.9px;"></div> 35 <br> 36 <div class="square" style="border-width: 1.3px;"></div> 37 <br> 38 <div class="square" style="border-width: 1.5px;"></div> 39 <br> 40 <div class="square" style="border-width: 1.9px;"></div> 41 <br> 42 <div class="square" style="border-width: 3.3px;"></div> 43 <br> 44 <div class="square" style="border-width: 3.5px;"></div> 45 <br> 46 <div class="square" style="border-width: 3.9px;"></div> 47 </body> 48 </html>