CSS `border-left-style` Property

Example

Set the style of the left border:

p {
    border-style: solid;
    border-left-style: dotted;
}

The border-left-style property sets the style of an element's left border.

Default value:	not specified
Inheritability:	no
---	---
Version:	CSS1
---	---
JavaScript syntax:	`object.style.borderLeftStyle="dotted"`
---	---

The numbers in the table specify the first browser version that fully supports the property.

Property
border-left-style	1.0	5.5	1.0	1.0	9.2

Value	Description
none	Defines no border.
hidden	Same as "none", except for table elements, where hidden is used to resolve border conflicts.
dotted	Defines a dotted border. Most browsers render it as a solid line.
dashed	Defines a dashed border. Most browsers render it as a solid line.
solid	Defines a solid border.
double	Defines a double border. The width of the two borders is equal to the value of `border-width`.
groove	Defines a 3D grooved border. The effect depends on the `border-color` value.
ridge	Defines a 3D ridged border. The effect depends on the `border-color` value.
inset	Defines a 3D inset border. The effect depends on the `border-color` value.
outset	Defines a 3D outset border. The effect depends on the `border-color` value.
inherit	Specifies that the border style should be inherited from the parent element.

CSS Tutorial: CSS Border