CSS border-left-color property
Browser support · legacy reference
ChromeFully supports
SafariFully supports
FirefoxFully supports
Internet ExplorerFully supports
EdgeFully supports
OperaFully supports
Description
CSS border-left-color property defines the color for the left side border of a box.
Syntax
border-left-color : currentColor | color-name | rgb value | hexadecimal value
Property values
currentColorDefault
-
currentColor keyword represents the same color for the left side border as of text color.
- Try it
border-left-color: currentColor; color-name
-
The following demo represents skyblue color for the left side border.
- Try it
border-left-color: skyblue; rgb value
-
It represents rgb value of a color.
The hexadecimal value of red color for the left side border is given below.
- Try it
border-left-color: rgb(255,0,0); hexadecimal value
-
It represents hexadecimal notation of red color.
The hexadecimal notation of blue color for the left side border is given below.
- Try it
border-left-color: #0000ff;
Applicable to
It applies to all elements