inherit

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

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

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

Пример

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

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

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


div#current { color: blue; }

... он был бы синим.

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

Спецификация Статус Комментарии
CSS Cascading and Inheritance Level 4
Определение 'inherit' в этой спецификации.
Кандидат в рекомендации Нет изменений с уровня 3.
CSS Values and Units Module Level 3
Определение 'inherit' в этой спецификации.
Кандидат в рекомендации Никаких существенных изменений с CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1)
Определение 'inherit' в этой спецификации.
Рекомендация Начальное определение.

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
inheritChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка 8Opera Полная поддержка 4Safari Полная поддержка 1WebView Android Полная поддержка 1Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка 1Samsung Internet Android Полная поддержка 1.0

Легенда

Полная поддержка  
Полная поддержка

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

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