border-left-style

Description

border-left-style defines the style for the left border.

ItemValue
Initial value none
Inherited No.
Version CSS1
JavaScript syntax object.style.borderLeftStyle="dotted"
Applies to All elements.

Syntax and Property Values


border-left-style: dashed | dotted | double | groove | hidden |   
                   inset | inherit | none | outset | ridge | solid 

The property values are listed in the following table.

Value Description
none no border
hidden The same as "none", except in border conflict resolution for table elements
dotted a dotted border
dashed a dashed border
solid a solid border
double a double border
groove a 3D grooved border whose effect depends on the border-color value
ridge a 3D ridged border whose effect depends on the border-color value
inset a 3D inset border whose effect depends on the border-color value
outset a 3D outset border whose effect depends on the border-color value
inherit inherit the border style from the parent element

Example


<!DOCTYPE HTML>
<html>
    <head>
        <style>
            div {<!--from   www. ja  va 2  s  .co m-->
                border-left-style: inset;
            }
        </style>
    </head>
    <body>
        <div>
            java2s.com
        </div>
    </body>
</html>

Click to view the demo

The code above generates the following result.

border-left-style




















Home »
  HTML CSS »
    HTML CSS Reference »




HTML Tag Reference
CSS Reference
CSS Selector Reference
Encoding Reference