CSS border-bottom-color property

Description

CSS border-bottom-color property defines the color for the bottom side border of a box.

Syntax

border-bottom-color : currentColor | color-name | rgb value | hexadecimal value

Property values

currentColorDefault

currentColor keyword represents the same color for the bottom side border as of text color.

border-bottom-color: currentColor;

color-name

The following demo represents skyblue color for the bottom side border.

border-bottom-color: skyblue;

rgb value

It represents rgb value of a color.

The hexadecimal value of red color for the bottom side border is given below.

border-bottom-color: rgb(255,0,0);

hexadecimal value

It represents hexadecimal notation of red color.

The hexadecimal notation of blue color for the bottom side border is given below.

border-bottom-color: #0000ff;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
arrow
The color of text is green. Therefore the currentColor for the border is also green.
×

Ctrl+D