inherit
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Ключевое слово CSS inherit заставляет в элементе использовать вычисленное значение свойства из родительского элемента. Это значение можно применить к любому CSS-свойству, включая также all.
Применяя в наследуемых свойств, это ключевое слово подчеркивает использование значения по умолчанию, поэтому требуется только для переопределения другого правила.
Наследование всегда начинается от родительского элемента в дереве документа, даже если родительский элемент не является содержащим блоком.
Примеры
Наследование значения родительского элемента
/* Делает все заголовки второго уровня зелёными... */
h2 {
color: green;
}
/* ...кроме тех, что находятся в сайдбаре, которые унаследуют цвет родительского элемента */
#sidebar h2 {
color: inherit;
}
В этом примере элементы h2 внутри сайдбара могут быть разных цветов. Например, если бы один из них находится в div со следующим правилом...
div#current {
color: blue;
}
...тогда этот заголовок был бы синего цвета.
Спецификации
| Specification |
|---|
| CSS Cascading and Inheritance Level 4 # inherit |
Совместимость с браузерами
Loading…
Смотрите также
- Наследование
- Используйте
initial, чтобы установить свойство в его начальное значение. - Используйте
unsetчтобы установить свойство в его унаследованное значение, если оно является наследуемым, или в его начальное значение в противном случае. - Используйте
revert, чтобы установить свойству значение, установленного изначально таблицей стилей браузера (или стилями пользователя, если они есть). - Свойство
allпозволяет установить все свойства сразу до начального (initial), унаследованного (inherited), возвращённого (reverted) или неустановленного (unset) состояния.