Borders
9.3
Lesson

Border Style - Multiple Values

For the four sides of an element, we can provide different border styles.

When this property has only one value specified, the same style is applied to all four sides.

When it has two values, the first value is applied to the top and bottom borders, and the second value is applied to the right and left borders:

When it has three values, the first value is applied to the top border, the second value is applied to the right and left borders, and the third value is applied to the bottom border:

When it has four values, the values are applied to top, right, bottom and left - in that order.