Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Ключевое слово 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 для AndroidEdge MobileFirefox для AndroidOpera для AndroidiOS SafariSamsung Internet
Базовая поддержкаChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка 8Opera Полная поддержка 4Safari Полная поддержка 1WebView Android Полная поддержка 1Chrome Android Полная поддержка ДаEdge Mobile Полная поддержка 12Firefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

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

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

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

Метки документа и участники

Внесли вклад в эту страницу: bsergey
Обновлялась последний раз: bsergey,