Style borderWidth Property

Change the width of the four borders of a <div> element:

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

Description

The borderWidth property sets or returns the width of an element's border.

This property can take from one to four values:

One value, like: p {border-width: thick} - all four borders will be thick
Two values, like: p {border-width: thick thin} - the top and bottom border will be thick, left and right border will be thin
Three values, like: p {border-width: thick thin medium}- the top border will be thick, left and right border will be thin, bottom border will be medium
Four values, like: p {border-width: thick thin medium 10px} - the top border will be thick, right border will be thin, bottom border will be medium, left border will be 10px

Property
borderWidth	Yes	Yes	Yes	Yes	Yes

Return the borderWidth property:

object.style.borderWidth

Set the borderWidth property:

Value	Description
thin	Defines a thin border
medium	Defines a medium border. This is default
thick	Defines a thick border
length	The width of the border 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