CSS border-left-width Property

Description

The border-left-width property specifies the width of the left border of an element. Note that in many cases the shorthand CSS property border-width is more convenient and preferable.

Initial value: medium
Applies to: All elements
Inherited: No
Media: Visual
Computed value: Absolute length; '0' if the border style is 'none' or 'hidden'
Animatable: Yes
CSS Version: CSS1, CSS2, CSS3
JavaScript syntax: object.style.borderLeftWidth

Syntax

border-left-width: <line-width>

Values

<line-width> = <length> | thin | medium | thick

thinLess than the default width.
mediumDefault value.
thickGreater than the default width.
<length>Floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px).
inherit

Example

HTML

<div class="border">This is an example of the border-left-width property using a red solid border 3px in width.</div>

CSS

.border {
   border: 1px solid blue;
   border-left-style: solid;
   border-left-width: 3px;
   border-left-color: red;
   margin: 20px;
   padding: 20px;
}

Result

Give it a Try

Click the button below to experiment with this property.

Give it a Try!

Browser Support

Desktop

4	12	1	1	3.5	1

Tablets / Mobile

2.2	18	4	10.1	1	1.0

Last updated by CSSPortal on: 12th October 2019

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu