CSS border-bottom property

CSS border-bottom

CSS border-bottom property, is a shorthand property. It lets us to add some styles to the bottom border property.

border-bottom consists of following shorthand properties

  • border-bottom-width : Its default value is medium, it is used to specify the width of the border.
  • border-bottom-style : Its default value is none, it is used to specify the style of the border.

  • border-bottom-color : It is used to specify the color of the border.

Example

Try Yourself

In the above example values used in border-bottom property are,

medium,thick - border-bottom-width

dotted,double - border-bottom-style

Orange,red - border-bottom-color