What is the border-bottom-color property in CSS?

The border-bottom-color property in CSSCascading Style Sheets is used to define the color of the bottom border.

If we want to use the border-bottom-color property we must first declare the border-style or the border-bottom-style because the color is only changed if we have a border.

Syntax

border-bottom-color: color|initial|inherit;

Property value

  • color: This is used to set the color of the bottom border.
  • initial: This is used to set the value to its default value.
  • inherit: This is used to inherit property from its parent value.

Code

The following is the basic HTMLHyperText Markup Language & CSS code to demonstrate the use of the border-bottom-color property.