border-left-width

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short information
CSS CSS1
Default value medium
Inherited No
Applied To all elements
HTML analog <img border > | <table border>
Reference to specification http://www.w3.org/TR/CSS21/box.html#border-width-properties

Description
With the help of this parameter you can determine border thickness on the left of an element.

Syntax

border-left-width: thin | medium | thick | denotation

Arguments
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) Рё thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items.

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>border-left-width</title>
  <style type="text/css">
   DIV.line {
    border-left-color: red; /* Left line color */
    border-left-style: double; /* Line style */
    border-left-width: thick; /* Line weight */
    padding-left: 10px; /* Distance between the line and the text */
   }
  </style>
 </head>
 <body> 
 
  <div class="line">
  <h3>Pay attention!</h3>
  <p>We didn't take into account the possibility to blow up the whole city, that's why you must be careful while pouring the nuclear fuel from the bag. Put the paper on the floor to avoid making the room dirty.</p>
  </div>
 
 </body>
</html>

The result of this example is shown on the figure 1


Object model

[window.]document.getElementById("elementID").style.borderLeftWidth