Change the width of the outline of a <div> element:
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:
Value | Description |
---|---|
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 |
Default Value: | medium |
---|---|
Return Value: | A String, representing the width of an element's outline |
CSS Version | CSS2 |
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