The border-left-style property sets the style of an element's left border.
The border-left-style property is used to specify the line style of the left border of an element (solid, double, dashed, etc.), unless there is a border image set.
Syntax:border-left-style: none| hidden| dotted| dashed| solid| double | groove| ridge| inset| outset| initial| inherit;
It is defined as a single keyword that is selected from those available for the border-style property. This property is used to set the style of all four sides of an element, but border-left-style sets a style only for the left border.
The left border's default width is medium. It can be changed either with the border-left-width or border-width property.
Not all browsers render the styles in the same way. For example, Chrome renders the dots as rectangular dots, not circular ones.