All types of 'border-style' with examples- HTML

 All types of 'border-style' HTML

There are 13 types of  'border-style' in HTML. But 5 of them are same. These all types are as following with examples:-

No.1: Dashed

The code for this style is 
➢border-style: dashed;

Example Dashed:-

No.2: Dotted 

The code for this style is 
➢border-style: dotted;

Example Dotted:-

No.3: Double

The code for this style is 
➢border-style: double;

Example Double:-

No.4: Groove 

The code for this style is 
➢border-style: groove;

Example Groove:-

No.5: None, Hidden, Inherit, Initial, Unset

None, Hidden, Inherit, Initial, Unset gives the same results so there is no need to write their codes again and again. 
The code for this style is 
➢border-style: none;

Example None, Hidden, Inherit, Initial, Unset:-

 No.6: Outset

The code for this style is 
➢border-style: outset;
Example Outset:-

No.7: Ridge

The code for this style is 
➢border-style: ridge;

Example Ridge:-

No.8: Solid 

The code for this style is 
➢border-style: solid;

Example Solid:-

No.9: Inset

The code for this style is 
➢border-style: inset;

Example Inset:-

 <*********************-Read--------More-*********************>