Property Description
The outline property sets all the outline properties in one declaration. The properties that can be set, are (in order): outline-color, outline-style, outline-width.
This property has the following syntax:
outline: color style width|initial|inherit;
Note: If one of the values above are missing, e.g. "outline:solid #ff0000;", the default value for the missing property will be inserted, if any.
Property Values
| Value | Description |
|---|---|
| color | Specifies the color of the outline (default = invert). See outline-color for possible values |
| style | Specifies the style of the outline (default = none). See outline-style for possible values |
| width | Specifies the width of the outline (default = medium). See outline-width for possible values |
| initial | Specifies that the value of the property should be set to the default value |
| inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
p {
outline: #0000FF dashed thin;
}Browser Support
| Chrome | Firefox | IE | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 1.5 | 8.0 | 1.2 | 7.0 |
Miscellaneous Information
| Inherited: | No |
|---|---|
| Defined In: | CSS2 |
| Default Value: | invert none medium |