border-left-style

The border-left-style CSS property sets the line style of the left border of a box.

Syntax

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

Example

<!DOCTYPE HTML>
<html>
    <head>
        <title>CSS Tutorials</title>
        <style> 
            div {
                border-left-size: 10px;
				border-left-style: dotted;
				border-left-color: #000;
				width:200px;
				height:200px;
            }
        </style>
    </head>
    <body>
        <div>
            border-left-style
        </div>
    </body>
</html>