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.