CSS Property border-left

The border-left property could be a shorthand property accustomed specify the breadth, vogue and color of the left border of a component.

It is a shorthand property for the longhand properties: border-left-width, border-left-style and border-left-color properties of a component.

The border-left property will settle for one, 2 or 3 arguments as a value—omitted values square measure set to their initial values.

Desktop Browser Support

Mobile Browser Support

Examples

.class{
border-left: 1em; /* style and color are set to their initial values */
/* or */
border-left: dotted deepPink; /* width is set to its initial value (0), which means that no left border will be set */
/* or */
border-left: 1px dotted #eee;
/* or */
border-left: 10px solid #009966;
}