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 -