CSS Border Sides
CSS Border - Individual Sides
From the examples on the previous pages, you have seen that it is possible to specify a different border for each side.
In CSS, there are also properties for specifying each of the borders (top, right, bottom, and left):
In the example below we use the four properties above to set the style of each border side:
Example
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
We can also use the shorthand border-style property to achieve the same result.
The example below gives the same result as the example above:
Example
p {
border-style: dotted solid;
}