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