CSS Border Sides

CSS Border Sides


CSS border Sides
As we have seen before we can have different color in all four sides of border 
Similarly we can have different border styles on all four sides of the border.
And the order will be the same as the color which is - (top, right, bottom, left).
Syntax - 
border-top-style: solid;
  border-right-style: dotted;
  border-bottom-style: solid;
  border-left-style: dotted;
Now we will see Example 
Example -
Output –
This is similar to the above mentioned 
border-style: solid dotted solid dotted
Example - 
Output -