borders-on-sub-unit-sized-elements.html (1238B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS Borders: Borders appear when the element is smaller than 1/2 a pixel</title> 4 <link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-width"> 6 <link rel="match" href="reference/borders-on-sub-unit-sized-elements-ref.html"> 7 <meta name="assert" content="Borders on elements smaller than one pixel in size 8 should still appear." /> 9 <head> 10 <style> 11 #right { 12 position: absolute; 13 top: 10px; 14 left: 65px; 15 width: 0.25px; 16 height: 50px; 17 border-right: 1px dashed black; 18 } 19 #left { 20 position: absolute; 21 top: 10px; 22 left: 5px; 23 width: 0.25px; 24 height: 50px; 25 border-left: 1px dashed black; 26 } 27 #top { 28 position: absolute; 29 top: 5px; 30 left: 10px; 31 width: 50px; 32 height: 0.25px; 33 border-top: 1px dashed black; 34 } 35 #bottom { 36 position: absolute; 37 top: 65px; 38 left: 10px; 39 width: 50px; 40 height: 0.25px; 41 border-bottom: 1px dashed black; 42 } 43 </style> 44 </head> 45 <body> 46 <div id="top"></div> 47 <div id="right"></div> 48 <div id="bottom"></div> 49 <div id="left"></div> 50 </body> 51 </html>