CSS border-left-style

Previous Next

Demo of the different values of the border-left-style property.

Click the property values below to see the result:

border-left-style: solid;
border-left-style: dotted;
border-left-style: dashed;
border-left-style: inset;
border-left-style: outset;
border-left-style: ridge;
border-left-style: groove;
border-left-style: double;
border-left-style: none;
border-left-style: hidden;
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.
A demonstration on different styles of the left border.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯