CSS border-left-width Property

Set a CSS border-left-width:

div {border-left-width: thin;}

Try it Yourself »

More “Try it Yourself” examples below.


Definition and Usage

The border-left-width property sets the width of an element’s left border.

Note: Always declare the border-style or the border-left-style property before the border-left-width property. An element must have borders before you can change the width.

Default value: medium
Inherited: no
Animatable: yes. Read about animatable – Try it
Version: CSS1
JavaScript syntax: object.style.borderLeftWidth=”5px” Try it
CSS Syntax
border-left-width: medium|thin|thick|length|initial|inherit;
Property Values
Value Description Play it
medium Specifies a medium left border. This is default div {
border-style:solid;
border-left-width:medium;
}
thin Specifies a thin left border div {
border-style:solid;
border-left-width:thin;
}
thick Specifies a thick left border div {
border-style:solid;
border-left-width:thick;
}
length Allows you to define the thickness of the left border div {
border-style:solid;
border-left-width:1px;
}
initial Sets this property to its default value. Read about initial div {
border-style:solid;
border-left-width:initial;
}
inherit Inherits this property from its parent element. Read about inherit

Set the width of the left border to medium:

div {border-left-width: medium;}

Try it Yourself »

Set the width of the left border to 15px:

div {border-left-width: 15px;}

Try it Yourself »