HTML / CSS / JavaScript
December 25, 2020

Что такое currentColor?

currentColor равен значению color текущего элемента, или его родителя, если у элемента не указан цвет. Таким образном можно быстро задать текущий цвет для всех свойств которые могут принимать цветовое значение: border, outline, background, box-shadow и т.д.

currentColor можно прописать как значение fill для svg-иконки, и она всегда будет совпадать с цветом окружающего её текста.

Крайне удобно использовать currentColor в интерактивных блоках, когда нужно изменить цвет сразу нескольких свойств, например в кнопках при событии :hover.