⑥ Расширенные ключевые слова цвета и ключевое слово currentColor

Продолжим изучение темы CSS - цвета. Если пропустили прошлые статьи, то вот ссылки на них:

• ① Приоритетные цвета: свойство color
• ② Значения цвета, основные ключевые слова
• ③ Числовые значения цвета, модели RGB
• ④ Цвета модели RGBA и ключевое слово transparent
• ⑤ HSL-цвета и HSLA-значения цвета

Расширенные ключевые слова цвета

В таблице ниже представлен список цветов, поддерживаемых популярными браузерами.

Синтаксис

CSS

color: gold;

Ключевое слово currentColor

CSS1 и CSS2 определили начальное значение свойства border-color как значение свойства color, но не определили соответствующее ключевое слово. Это упущение было распознано SVG, поэтому SVG 1.0 ввел значение currentColor для свойств fill, stroke, stop-color, flood-color и lighting-color. CSS3 расширяет значение цвета, добавляя ключевое слово currentColor, чтобы разрешить его использование со всеми свойствами, которые принимают значение color. Это упрощает определение этих свойств в CSS3.

Используемое значение ключевого слова currentColor — это вычисленное значение свойства color. Если ключевое слово установлено в самом свойстве color, оно рассматривается как color: inherit.

Пример

CSS

body {color: grey;}
div {border: 1px solid currentColor;}

Источник ↗