Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

CSS border-left-width property


May 05, 2021 CSS Reference Manual


Table of contents


CSS border-left-width property


Set the width of the left box:

p
{
border-style:solid;
border-left-width:15px;
}

Try it out . . .

Description of property definition and use

The border-left-width property sets the width of the left box of the element.

It only works if the border style is not none. I f the border style is none, the border width is actually reset to 0. A negative length value is not allowed to be specified.

Note: Always declare the border-style property before the border-left-width property. An element can only change the width of its border after it is obtained.

Default: medium
Inheritance: no
Version: CSS1
JavaScript syntax: object .style.borderLeftWidth="thick"


Browser support

The numbers in the table support the first browser version number of the property.

Attributes
border-left-width 1.0 4.0 1.0 1.0 3.5

The property value

Value Describe
thin Define the thin left box.
medium The default. Define a medium left box.
thick Define the thick left box.
length Allows you to customize the width of the left box.
inherit Specifies that the border width should be inherited from the parent element.


Related articles

CSS tutorial: CSS Border

CSS Reference Manual: Border-left Properties