Revision Content

Summary

The outline-color CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

{{ Xref_cssinitial() }}:invert, for browsers supporting it, currentColor for the other

Applies to: all elements

{{ Xref_cssinherited() }}: no

Media: {{ Xref_cssvisual() }}

{{ Xref_csscomputed() }}:invert or the computed color value

Syntax

outline-color: <color> | invert | inherit

Values

<color>

See {{ Xref_csscolorvalue() }} for the various color keywords and notations.

invert

To ensure the outline is visible, performs a color inversion of the background. This makes the focus border more salient, regardless of the color in the background. Note that browser are not required to support it. If not, they just consider the statement as invalid