CSS border-color property

Description

CSS border-color property is a short hand property of border-top-color, border-right-color, border-bottom-color, and border-left-color properties. It defines the color for all the sides of a block.

border-color : border-top-color border-right-color border-bottom-color border-left-color

currentColorDefault: It is the same as border-color: currentColor currentColor currentColor currentColor;; border-color: currentColor;
Try it
red green: It is the same as border-color: red green red green;; border-color: red green;
Try it
red green blue: It is the same as border-color: red green blue green;; border-color: red green blue;
Try it
red green blue yellow: It is the same as border-color: red green blue yellow;; border-color: red green blue yellow;
Try it

It applies to all elements

Code

CSS

.element{
width: 150px;
height: 150px;
border:10px solid black;
color:green;
}

HTML

<div class="element">
 The color of text is green. Therefore the currentColor for the border is also green.
 </div>