Border Bottom

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.

Examples

Border Bottom Property

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

h1 {
  border-bottom: 5px solid red;
}

Syntax

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

Tips

• 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.

Found a bug in the documentation? Let us know at documentation@code.org