CSS border-left-style Property

Last Updated : 11 May, 2026

The border-left-style property in CSS is used to specify the style of the left border of an element. It determines how the left border appears, such as solid, dotted, or dashed.

It supports values like solid, dashed, dotted, double, groove, etc.
The border is visible only when a style other than none or hidden is applied.
It is typically used with border-left-width and border-left-color for complete styling.

Syntax:

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

Default Value: none

Properties Value:

Value	Description
none	It sets no left border.
hidden	It sets no border, except border conflict resolution for table elements.
dotted	It sets a dotted left border.
dashed	It sets a dashed left border.
solid	It sets a solid left border.
double	It sets a double border.
groove	It sets a 3D grooved left border.
ridge	It sets a 3D ridged left border.
inset	It sets a 3D inset left border.
outset	It sets a 3D outset left border.
initial	It sets the border-left-style property to its default value.
inherit	It inherits the property values from its parent element.