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.