border-bottom-width-medium.html (959B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Borders: border-bottom-width: medium equals 3px</title> 5 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-width"> 6 <link rel="match" href="reference/border-top-width-3px-ref.html"> 7 <meta name="assert" content="The 'medium' keyword for 'border-bottom-width' is 3px." /> 8 <style> 9 .red-if-too-thin { height: 3px; background: red; } 10 .cb { position: relative; } 11 .red-if-too-thick { height: 20px; background: red; } 12 .overlap-red-if-too-thick { height: 20px; background: white; position: absolute; top: 3px; width: 100%; } 13 .border-test { border-bottom-style: solid; border-bottom-width: medium; margin-top: -3px; } 14 </style> 15 </head> 16 <body> 17 <p>There should be a black line below and no red.</p> 18 <div class=red-if-too-thin></div> 19 <div class=cb> 20 <div class=border-test></div> 21 <div class=red-if-too-thick></div> 22 <div class=overlap-red-if-too-thick></div> 23 </div> 24 </body> 25 </html>