Style outlineWidth Property

Change the width of the outline of a <div> element:

document.getElementById("myDiv").style.outlineWidth = "10px";

Description

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.

Property
outlineWidth	Yes	Yes	Yes	Yes	Yes

Return the outlineWidth property:

object.style.outlineWidth

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:

document.getElementById("myDiv").style.outlineWidth = "thick";

Return the width of the outline of a <div> element:

alert(document.getElementById("myDiv").style.outlineWidth);

CSS tutorial: CSS Outline

HTML DOM reference: outline property