border-bottom-color

Sets a color only for the bottom border.

Syntax

Explicitly sets the color for the bottom border. Unless it’s been set by a previous CSS rule, it is required to also set the border-bottom-style and the border-bottom-width so that this rule can have a visual effect.

/* explicit color values: */
border-bottom-color: #3c6fcc;
border-bottom-color: blue;
border-bottom-color: transparent;
border-bottom-color: rgba(120,25,167, 0.7);
border-bottom-color: hsla(274, 75%, 22%, 0.79);

/* inherit the color value: */
border-bottom-color: currentcolor;

/*  global css keywords */
border-bottom-color: initial;
border-bottom-color: inherit;
border-bottom-color: revert;
border-bottom-color: unset;

Values

color
The color value used for the bottom border.

Browser Compatibilty

Demos

Have a code example of border-bottom-color? Submit a codepen.io demo and we'll showcase it here ↴