CSS border-top-color property
Browser support · legacy reference
ChromeFully supports
SafariFully supports
FirefoxFully supports
Internet ExplorerFully supports
EdgeFully supports
OperaFully supports
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.
- Try it
border-top-color: currentColor; color-name
-
The following demo represents skyblue color for the top side border.
- Try it
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.
- Try it
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.
- Try it
border-top-color: #0000ff;
Applicable to
It applies to all elements