inherit

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Ключевое слово CSS inherit заставляет в элементе использовать вычисленное значение свойства из родительского элемента. Это значение можно применить к любому CSS-свойству, включая также all.

Применяя в наследуемых свойств, это ключевое слово подчеркивает использование значения по умолчанию, поэтому требуется только для переопределения другого правила.

Наследование всегда начинается от родительского элемента в дереве документа, даже если родительский элемент не является содержащим блоком.

Примеры

Наследование значения родительского элемента

css

/* Делает все заголовки второго уровня зелёными... */
h2 {
  color: green;
}

/* ...кроме тех, что находятся в сайдбаре, которые унаследуют цвет родительского элемента */
#sidebar h2 {
  color: inherit;
}

В этом примере элементы h2 внутри сайдбара могут быть разных цветов. Например, если бы один из них находится в div со следующим правилом...

css

div#current {
  color: blue;
}

...тогда этот заголовок был бы синего цвета.

Спецификации

Specification
CSS Cascading and Inheritance Level 4 # inherit

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Наследование
Используйте initial, чтобы установить свойство в его начальное значение.
Используйте unset чтобы установить свойство в его унаследованное значение, если оно является наследуемым, или в его начальное значение в противном случае.
Используйте revert, чтобы установить свойству значение, установленного изначально таблицей стилей браузера (или стилями пользователя, если они есть).
Свойство all позволяет установить все свойства сразу до начального (initial), унаследованного (inherited), возвращённого (reverted) или неустановленного (unset) состояния.