Borders
9.7
Lesson

Border Color Multiple Values

We can specify one, two, three or four values for border-color for applying different colors on different sides.

When the property 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.