outline-color

The outline-color property designates the color of an outline.

Syntax

An outline is a line rendered around and outside the borders of an element to make it stand out.

div.ex {
  outline-color: #000;
}

Values

invert
Inverts the color of the outline to ensure it is visible regardless of color background.

color
Designates the color of the outline using CSS color values.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of outline-color? Submit a codepen.io demo and we'll showcase it here ↴