From bf9c159c4b69bafea62616ab67074da0e9e96f0a Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Fri, 11 Feb 2022 22:21:09 +0300 Subject: Web/CSS/inherit: конвертация в MD (#4082) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ru/web/css/inherit/index.html | 85 ------------------------------------- files/ru/web/css/inherit/index.md | 59 +++++++++++++++++++++++++ 2 files changed, 59 insertions(+), 85 deletions(-) delete mode 100644 files/ru/web/css/inherit/index.html create mode 100644 files/ru/web/css/inherit/index.md diff --git a/files/ru/web/css/inherit/index.html b/files/ru/web/css/inherit/index.html deleted file mode 100644 index fa9f0a6fa2..0000000000 --- a/files/ru/web/css/inherit/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: inherit -slug: Web/CSS/inherit -tags: - - CSS - - CSS Cascade - - CSS Value - - Cascade - - Inheritance - - Layout - - Reference - - Style - - inherit - - Справка -translation_of: Web/CSS/inherit ---- -
{{CSSRef}}
- -

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

- -

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

- -

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

- -

Пример

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

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

- -

-div#current { color: blue; }
-
- -

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

- -

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

- - - - - - - - - - - - - - - - - - - - - - - - - - -
СпецификацияСтатусКомментарии
{{ SpecName('CSS4 Cascade', '#inherit', 'inherit') }}{{Spec2('CSS4 Cascade')}}Нет изменений с уровня 3.
{{ SpecName('CSS3 Values', "#common-keywords", "inherit") }}{{ Spec2('CSS3 Values') }}Никаких существенных изменений с {{ SpecName('CSS2.1') }}.
{{ SpecName('CSS2.1', "cascade.html#value-def-inherit", "inherit") }}{{ Spec2('CSS2.1') }}Начальное определение.
- -

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

- -
-

{{Compat}}

-
- -

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

- - diff --git a/files/ru/web/css/inherit/index.md b/files/ru/web/css/inherit/index.md new file mode 100644 index 0000000000..839eb51e95 --- /dev/null +++ b/files/ru/web/css/inherit/index.md @@ -0,0 +1,59 @@ +--- +title: inherit +slug: Web/CSS/inherit +tags: + - CSS + - CSS Cascade + - CSS Value + - Cascade + - Inheritance + - Keyword + - Layout + - Reference + - Style + - inherit +browser-compat: css.types.global_keywords.inherit +--- +{{CSSRef}} + +Ключевое слово CSS **`inherit`** заставляет в элементе использовать [вычисленное значение](/en-US/docs/Web/CSS/computed_value) свойства из родительского элемента. Это значение можно применить к любому CSS-свойству, включая также {{cssxref("all")}}. + +Применяя в [наследуемых свойств](/en-US/docs/Web/CSS/inheritance#Inherited_properties), это ключевое слово подчеркивает использование значения по умолчанию, поэтому требуется только для переопределения другого правила. + +Наследование всегда начинается от родительского элемента в дереве документа, даже если родительский элемент не является содержащим блоком. + +## Примеры + +### Наследование значения родительского элемента + +```css +/* Делает все заголовки второго уровня зелёными... */ +h2 { color: green; } + +/* ...кроме тех, что находятся в сайдбаре, которые унаследуют цвет родительского элемента */ +#sidebar h2 { color: inherit; } +``` + +В этом примере элементы `h2` внутри сайдбара могут быть разных цветов. Например, если бы один из них находится в div со следующим правилом... + +```css +div#current { color: blue; } +``` + +...тогда этот заголовок был бы синего цвета. + +## Спецификации + +{{Specifications}} + +## Поддержка браузерами + +{{Compat}} + +## Смотрите также + +- [Наследование](/ru/docs/Web/CSS/inheritance) +- Используйте {{cssxref("initial")}}, чтобы установить свойство в его начальное значение. +- Используйте {{cssxref("unset")}} чтобы установить свойство в его унаследованное значение, если оно является наследуемым, или в его начальное значение в противном случае. +- Используйте {{cssxref("revert")}}, чтобы установить свойству значение, установленного изначально таблицей стилей браузера (или стилями пользователя, если они есть). +- Свойство {{cssxref("all")}} позволяет установить все свойства сразу до начального (initial), унаследованного (inherited), возвращённого (reverted) или неустановленного (unset) состояния. -- cgit v1.2.3-54-g00ecf