Border Color

The border-color property is used to specify the colour of the borders using color names or RGB or HEX values.

When this property is not set, the border takes the value of the color property of the element. The default value for color is black.

Border colour can also be set to transparent.

Without the border-style property, border-color does not work. Try removing border-style in the example above.