CSS outline-width Property
The outline is the line drawn around the specified element outside of its border to make it more distinct and easier to distinguish. The outline-width Property specifies the width of this outline for a particular element.
Before using the outline-width property on the desired element, the outline-style property must be declared or used. Logically, an element must have an outline for which the width can be defined or styled. The outline property of an element is displayed around the element's margin and is not the same as the border property.
Because the outline is not a part of the element's dimensions, the width and height properties of the element do not include the width of the outline.
Syntax
Property Values
| Value | Description |
|---|---|
| medium | This option specifies a medium outline. This is the default setting. |
| thin | A thin outline is specified. |
| thick | This option specifies a thick outline. |
| length | You can specify the thickness of the outline. Learn more about length units. |
| 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-width | 1.0 | 1.5 | 1.2 | 8.0 | 7.0 |