Set the width of the top border.
Syntax
border-top-width: length | thin, medium, thick |inherit ;
length - A measurement in px, pt or em alternatively
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-top-width: 10px; }
.emw3class { border-top-width: thick; }
#emw3id { border-top-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.
“Growing up, I never imagined a girl from a border town could one day become a governor” ~ Susana Martinez
Related:
border-top-width - MDN Web Docs.
border-bottom-width - Width of the bottom border.
border-left-width - Width of the left border.
border-right-width - Width of the right border.
border-top-style - Style of the top border.
border-top-color - Color of the top border.
color - Text color.