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.
Syntax
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 |