CSS Property: outline
The width, style, and color of the outline around a box.
A shorthand property that combines outline-width, outline-style, and outline-color.
Possible Values
A space-separated list, containing up to three values representing outline-width, outline-style, and outline-color. Any excluded values will default to their initial value.
| Value | Description | Example |
|---|---|---|
| [width] (equivalent of single outline-width value) |
|
2px |
| [style] (equivalent of single outline-style value) |
|
solid |
| [color] (equivalent of single outline-color value) |
|
red |
| [width] [style] |
|
2px solid |
| [width] [color] |
|
2px red |
| [style] [color] |
|
solid red |
| [width] [style] [color] |
|
2px solid red |
inherit | ||
initial | ||
unset | ||
Example
.mclaren { outline: 3px solid black; }