border-left

The border-left property lets you set the width, style, and color of an element's left border at the same time.

Syntax

border-left: line-width | line-style | color 

Example:

border-left: 2px solid gray;

solid - solid border;

dotted - dotted border;

dashed - dotted border;

double - double border;

groove - three-dimensional groove boundary;

ridge - volumetric border with a thick edge (in fact, the inversion of the previous style);

outset - extruded border;

inset - an indented border (in fact, the inversion of the previous style).

	  
	<div class="example">solid</div>

	

		
	
		.example {
		
   border: 1px solid blue;
   border-left: 3px solid orange;
   margin: 10px;
   padding: 10px;
	 
}