⑥ Расширенные ключевые слова цвета и ключевое слово 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;}Источник ↗