Often forgotten about in CSS: The value of the ‘currentColor’ keyword is the computed value of the ‘color’ property.
Explanation
currentColor
: This keyword represents the value of thecolor
property of the element.
Usage
To use currentColor
, simply set it as the value for properties like border-color
, background-color
, etc.:
.class-name {
color: #bada55;
border: 5px solid currentColor;
}