CSS border-top-color property

Description

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

Syntax

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

Property values

currentColorDefault

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

border-top-color: currentColor;

color-name

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

border-top-color: skyblue;

rgb value

It represents rgb value of a color.

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

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

hexadecimal value

It represents hexadecimal notation of red color.

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

border-top-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