What is the CSS border-bottom-width property?

The border-bottom-width property in CSSCascade Style Sheets is used to set the width of the bottom border.


To use the border-bottom-width property, we must first declare the border-style or border-bottom-style because the color is only changed if we have a border.

Syntax


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

Property values

  • thin: Specifies that the bottom border is thin.

  • thick: Specifies that the bottom border is thick.

  • length: Defines the thickness of the bottom border.

  • medium: This is the default value; medium specifies that the bottom border is medium.

  • initial: Sets the value to its default value.

  • inherit: Inherits property from its parent value.

Code

Below is the basic HTMLHyperText Markup Language and CSS code to demonstrate the use of the border-bottom-width property.

Free Resources