An outline is a line that is drawn around elements, outside the border edge,
to make the element "stand out". The outline-color property sets the color of the
outlines.
Note: Outlines do not take up space, and they do not have to be
rectangular.
Inherited: No
Example
button
{
outline-color: red
}
Possible Values
Value
Description
NN
IE
invert
Performs a color inversion. This is a trick to ensure the
border is visible, regardless of color background
color
The color value can be a color name (red), a rgb value
(rgb(255,0,0)), or a hex number (#ff0000)
W3Schools is for training only. We do not warrant its correctness or its fitness for use.
The risk of using it remains entirely with the user. While using this site, you agree to have read and accepted our
terms of use and
privacy policy.