Style outlineWidth Property
Change the width of the outline of a <div> element:
Definition and Usage
The outlineWidth property sets or returns the width of the outline around an element.
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.
The outlineWidth property is supported in all major browsers.
Note: The outlineWidth property is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 and later support it.
Return the outlineWidth property:
Set the outlineWidth property:
|thin||Defines a thin outline|
|medium||Defines a medium outline. This is default|
|thick||Defines a thick outline|
|length||The width of the outline in length units|
|initial||Sets this property to its default value. Read about initial|
|inherit||Inherits this property from its parent element. Read about inherit|
|Return Value:||A String, representing the width of an element's outline|
Change the width of the outline of a <div> element, using the "thick" value:
Return the width of the outline of a <div> element:
CSS tutorial: CSS Outline
CSS reference: outline property
HTML DOM reference: outline property