CSS Property border-left-width








border-left-width sets the width for the left border.

Summary

ItemValue
Initial value medium
Inherited No.
Version CSS1
JavaScript syntax object.style.borderLeftWidth="thick"
Applies to All elements.

CSS Syntax

border-left-width: non-negative length | medium | thick | thin | inherit 




Property Values

The property values are listed in the following table.

Value Description
thin thin border
medium medium border. default
thick thick border
length set the thickness
inherit inherit the border width from the parent element

Browser compatibility

border-left-width Yes Yes Yes Yes Yes




Example

An example showing how to use border-left-width CSS property.

<!DOCTYPE HTML>
<html>
    <head>
        <style>
            div {<!--from   ww  w  .ja  v  a  2 s .c o  m-->
                border-left-style: inset;
                border-left-width:6px; 
            }
        </style>
    </head>
    <body>
        <div>
            java2s.com
        </div>
    </body>
</html>

Click to view the demo