CSS outline-color Property

The CSS property outline-color specifies the color of an element's outline. What exactly is an outline? When an element is in focus, an outline is a line drawn around it outside the border edge that is used for accessibility or decoration.




Property Values

Value Description
invert Color inversion is performed. This ensures that the outline is visible no matter what colour the background is. It should be noted that browsers are not required to support this value.
color The colour of the outline is specified here. For a complete list of colour values, see CSS Color Values.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
outline-color 1.0 1.5 1.2 8.0 7.0