Il currentColor è un valore CSS3 che permette di prendere il colore come un valore predefinito per un'altra proprietà.
Date un'occhiata al seguente codice.
.my-element {
color: red;
border-color: 5px solid currentColor;
}
Il bordo sarà rosso perché il colore definito è rosso.
Se non è stato impostato nessun colore, sarebbe stato nero, in quanto il valore predefinito per la proprietà colore è nero.
currentColor è un valore predefinito per un mucchio di cose.
.my-element {
color: red;
border-color: 5px solid; /* sarà rosso */
box-shadow: 10px 10px 5px; /* sarà rosso*/
text-shadow: 0 2px 1px; /* sempre rosso */
}