O'Reilly logo

CSS Pocket Reference, 4th Edition by Eric A. Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Name

outline-color

Values:

<color> | invert

Initial value:

invert (see description)

Applies to:

All elements

Inherited:

No

Computed value:

Same as declared value

Description:

Defines the color for the visible portions of the overall outline of an element. Remember that the value of outline-style must be something other than none for any visible border to appear. User agents are permitted to ignore invert on platforms that don’t support color inversion. In that case, the outline’s color defaults to the value of color for the element.

Examples:

*[href]:focus {outline-color: invert;}
form:focus {outline-color: cyan;}

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required