CSS border-left-style (Set/Change Style of Left Border)

The CSS border-left-style property is used when we need to define the style of the left border of an element. For example:

HTML with CSS Code
<!DOCTYPE html>
<html>
<head>
   <style>
      p {border: 4px solid chocolate; padding: 10px; border-left-style: dashed;}
   </style>
</head>
<body>

   <p>This is a para.</p>
   
</body>
</html>
Output

This is a para.

CSS border-left-style Syntax

The syntax of the "border-left-style" property in CSS is:

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

Note: All border style values are described in a separate post. However, following is a list of values with a brief description that might help you if you don't have time to visit the separate post.

Advantages of the "border-left-style" in CSS

Disadvantages of the "border-left-style" in CSS

CSS Online Test


« Previous Tutorial Next Tutorial »