CSS border-left

The border-left property in CSS is used to define the style, color, and width of the left border of an element. It is a shorthand property for setting the values of border-left-width, border-left-style, and border-left-color all at once.

Here is the syntax for the border-left property:

border-left: border-left-width border-left-style border-left-color;

Where:

border-left-width: Specifies the width of the left border. Default value is medium.
border-left-style: Specifies the style of the left border. Default value is none.
border-left-color: Specifies the color of the left border. Default value is the color of the element.

Result:

This is an example of using border-left property with a width of 5px, solid style, and red color.

In the example above, the left border of the div element has a width of 5 pixels, a solid style, and a red color.

You can also use specific values for each part of the border-left property:

border-left-width: 2px;
border-left-style: dashed;
border-left-color: #00ff00;

Result:

This is an example of using individual properties for border-left with a width of 2px, dashed style, and green color.

Experiment with different values for border-left to create unique border styles for your elements.