CSS outline-color property

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.

outline-color: currentColor;

color-name

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

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.

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.

outline-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 outline is also green.
×

Ctrl+D