Language
日本語
English

Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

  1. Home
  2. CSS Dictionary
  3. border-left-width

border-left-width

Specifies the width of the left border.

Sample Code

div.test { border-left-width: thin;}
div.test1 { border-left-width: medium;}
div.test2 { border-left-width: 10px;}

Available Values

ValueDescription
NumberSpecifies the border width using units such as『px』.
thinSpecifies using the keyword『thin』(narrow). Most browsers display this as 1px, though it may vary slightly.
mediumSpecifies using the keyword『medium』. Most browsers display this as 3px, though it may vary slightly. This is the default value when no『border-left-width』is specified.
thickSpecifies using the keyword『thick』. Most browsers display this as 5px, though it may vary slightly.

Browser Preview

※ The sample below uses『border-style: solid』.

<div style="border-left-width: 10px; border-style: solid; height: 100px; padding: 10px; font-weight: bold;">A div element with height 100px and padding 10px.</div>

Browser Compatibility

Chrome Chrome
1+
Firefox Firefox
1+
Safari Safari
1+
Edge Edge
12+
Supported in all versions
IE IE
11
10
9
8
7
6
Opera Opera
3.5+
2 and below ×
iOS Safari iOS Safari
1+
Android Android Browser
2.2+
1 and below ×
Chrome Android Chrome Android
Latest
Same support as desktop version
Firefox Android Firefox Android
Latest
Same support as desktop version

※ Version information is based on MDN.

If you find any errors or copyright issues, please .