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.




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