currentColor

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 */

}