Planos a partir de R$ 32/mês Inscreva-se Agora

currentColor CSS

Código | 2.740 | 28 de julho de 2016
Valor currentColor do CSS

Se você for utilizar a mesma cor da sua color em outra propriedade do seu elemento, não é mais necessário declarar duas vezes o mesmo valor.

Basta utilizar a palavra chave currentColor, que automaticamente a cor será definida a partir do valor da propriedade color.

See the Pen currentColor by André | Origamid (@origamid) on CodePen.

Isso facilita a manutenção do seu código pois segue um dos conceitos básicos da codificação (DRY – Don’t Repeat Yourself).

E não para por ai, se você já tentou manipular os pseudo elements como ::after e ::before com JavaScript, sabe que não dá para alterar as propriedades CSS inline.

Então agora se você tiver um elemento que mude de cor dinamicamente, já pode fazer isso modificando a propriedade color dele e utilizando a currentColor como valor no pseudo element.

Mais Dicas

Tipografia – Treze Palavras

O Box Model

Placeholder no HTML5

1.4 ~ 1.5 Line-Height para definir a altura da linha

CSS – Box Shadow