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

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

Например, если у родительского элемента задано значение цвета color: blue;, а у дочернего элемента не задано значение цвета, то при использовании свойства color: currentColor; у дочернего элемента, цвет текста будет совпадать с цветом текста родительского элемента.

.parent {
  color: blue;
}
 
.child {
  color: currentColor;
}

В этом примере, значение цвета для дочернего элемента .child будет совпадать с цветом текста для родительского элемента .parent, то есть будет blue.

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

Назад