CSS border-left-style

The CSS border-left-style property allows you to set the style of a left border.

Note: You will also need to specify border-left-color and border-left-width before your border-left-style is displayed.

Syntax: border-left-style: <border-style>
Possible Values:
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • inherit
Initial Value: None
Applies to: All elements.
Inherited: Yes
Media: Visual
Example: div.border-style {border-left-style:dotted}
Try it yourself!