Style border Width Property

Style border Width Property

It is specified using one, two, three, and four values. If the one value is specified, it applies the same width to all four sides. As well as two values are specified, the first width applies to the top and bottom, the second width applies to the left and right. as well as three and four values are applied.

It is used to set the width of the border.

Browser Support

The numbers in the table specify the first browser version that fully supports the property and all the browsers are supported. 

property	chrome	firefox	Microsoft edge	Opera
border-width	yes	yes	yes	Yes

 

Syntax

border-width: medium|thin|thick|length|initial|inherit;

for example

Output

Property Values

Value	Description
medium	It specifies a medium border. This is the default.
thin	It specifies a thin border.
thick	It specifies a thick border.
length	The width of the border in length units.
initial	Set this property to its default value.
inherit	Inherits this property from its parent element.

 

Technical Details

Default value:	Medium
Version:	CSS1
return value	A string, representing the width of an element's border.