Border-Bottom-Width

Set the width of the bottom border:

Syntax
      border-bottom-width: length | thin | medium | thick |inherit ;

length - A measurement in px, pt or em
thin - 1px
medium - 3px
thick - 5px
inherit - inherit the width from the parent element.

The border-style property must be set for the border-width or border-color properties to have any effect.

Examples:
h1 { border-bottom-width: 10px; }
.emw3class { border-bottom-width: thick; }

#emw3id { border-bottom-width: 2em; }

Try it:

This is a sample of text with a CSS border. Each of the 4 borders can be styled separately with CSS.

(CSS 1) Browser Support: All major browsers, IE prior to 8.0 rendered thin, medium, and thick at 2px, 4px, and 6px respectively.

“Growing up, I never imagined a girl from a border town could one day become a governor” ~ Susana Martinez

Related:

Border-bottom-width - MDN Web Docs.
border-left-width - Width of the left border.
border-right-width - Width of the right border.
border-top-width - Width of the top border.
border-bottom-style - Style of the bottom border.
border-bottom-color - Color of the bottom border.
color - Text color.


Copyright © 2013-2022 Emw3.com
Some rights reserved