Border Bottom

Category:CSS Properties

Border Bottom

The border-bottom property specifies the width, line style, and color of the bottom border of an element. It is a shorthand property for setting in one declaration the width, the style, and the color of an element’s bottom border.


Border Bottom Property

Setting the style of the bottom border of <h1> for different elements.

h1 {
  border-bottom: 5px solid red;


border-bottom: border-width border-style border-color;


  • If border-style is not provided, the default is no border.
  • If no border-color is chosen, the border color will match the color of the text.
  • If border-width is not provided, the default is medium.

Additional Information

For more information, see

Found a bug in the documentation? Let us know at