Удобный способ унаследовать цвет текста родительского элемента!

currentColor — ключевое слово, которое берёт текущий color элемента и позволяет использовать его в других свойствах, например в рамке, тени или заливке.

Примеры использования:

• border: 2px solid currentColor; — рамка того же цвета, что и текст;

• box-shadow: 0 0 10px currentColor; — тень с цветом текста;

• fill: currentColor; — окрашивает SVG в цвет шрифта;

• outline-color: currentColor; — обводка совпадает с текстом.

Это полезно для упрощения стилей: если изменить color, все зависящие элементы автоматически обновят свой цвет.

Code Ready | #свойство