CSS outline-width Property
Set the width of an outline:
Try it yourself »
Definition and Usage
An outline is a line that is drawn around elements (outside the borders) to make the element "stand out".
The outline-width specifies the width of an outline.
Note: Always declare the outline-style property before the outline-width property. An element must have an outline before you change the width of it.
The outline-width property is supported in all major browsers.
Note: IE8 supports the outline-width property only if a !DOCTYPE is specified.
Tips and Notes
An outline is a line around an element. It is displayed around the margin of the element. However, it is different from the border property.
The outline is not a part of the element's dimensions, therefore the element's width and height properties do not contain the width of the outline.
|thin||Specifies a thin outline||Play it »|
|medium||Specifies a medium outline. This is default||Play it »|
|thick||Specifies a thick outline||Play it »|
|length||Allows you to define the thickness of the outline||Play it »|
|inherit||Specifies that the width of the outline should be inherited from the parent element|
CSS tutorial: CSS Outline
CSS reference: outline property
HTML DOM reference: outlineWidth property
Thank You For Helping Us!
Your message has been sent to W3Schools.