inherit

Ключевое слово 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 (en-US) чтобы установить свойство в его унаследованное значение, если оно является наследуемым, или в его начальное значение в противном случае.
  • Используйте revert, чтобы установить свойству значение, установленного изначально таблицей стилей браузера (или стилями пользователя, если они есть).
  • Свойство all позволяет установить все свойства сразу до начального (initial), унаследованного (inherited), возвращённого (reverted) или неустановленного (unset) состояния.