border-right

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

Syntax



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

Example:

border-right: 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).

solid
dotted
dashed
double
groove
ridge
outset
inset

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

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