diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/css/inherit | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/ru/web/css/inherit')
-rw-r--r-- | files/ru/web/css/inherit/index.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/files/ru/web/css/inherit/index.html b/files/ru/web/css/inherit/index.html new file mode 100644 index 0000000000..5304dc4d9d --- /dev/null +++ b/files/ru/web/css/inherit/index.html @@ -0,0 +1,87 @@ +--- +title: inherit +slug: Web/CSS/inherit +tags: + - CSS + - CSS Cascade + - CSS Value + - Cascade + - Inheritance + - Layout + - Reference + - Style + - inherit + - Справка +translation_of: Web/CSS/inherit +--- +<div>{{CSSRef}}</div> + +<p><span class="seoSummary">Ключевое слово <strong> <code>inherit</code></strong> (CSS) вынуждает элемент использовать <a href="/ru/docs/Web/CSS/computed_value">вычисленное значение</a> аналогичного свойства родительского элемента.</span> Это может быть применено к любому свойству CSS, включая CSS свойство {{cssxref("all")}}.</p> + +<p>Для <a href="/ru/docs/Web/CSS/inheritance" title="ru/docs/Web/CSS/inheritance">наследуемых свойств</a>, это усиливает поведение по умолчанию и требуется только для переопределения другого правила. Для <a href="/ru/docs/Web/CSS/inheritance" title="/ru/docs/Web/CSS/inheritance">ненаследуемых свойств</a>, это указывает на поведение, которое обычно имеет относительно мало смысла, и вы можете рассмотреть возможность использовать вместо него {{cssxref("initial")}} или {{cssxref("unset")}} со свойством {{cssxref("all")}}.</p> + +<p><span id="result_box" lang="ru"><span>Наследование происходит всегда от родительского элемента в дереве документов, даже если родительский элемент не является содержащим блоком.</span></span></p> + +<h2 id="Пример">Пример</h2> + +<pre class="brush: css">/* Делает заголовки второго уровня зелеными */ +h2 { color: green; } + +/* ...но не делает зелеными элементы боковой панели, которые используют цвет своего родителя */ +#sidebar h2 { color: inherit; } +</pre> + +<p>В этом примере элементы <code> h2 внутри боковой панели могут быть разных цветов. Например, если один из них был дочерним элементом div, соответствующим правилу ...</code></p> + +<pre class="brush: css"><code> +div#current { color: blue; } +</code></pre> + +<p><code>... </code><span class="short_text" id="result_box" lang="ru"><span>он был бы синим</span></span><code>.</code></p> + +<h2 id="Спецификации"><code>Спецификации</code></h2> + +<table class="standard-table"> + <thead> + <tr> + <th><code>Спецификация</code></th> + <th><code>Статус</code></th> + <th><code>Комментарии</code></th> + </tr> + </thead> + <tbody> + <tr> + <td><code>{{ SpecName('CSS4 Cascade', '#inherit', 'inherit') }}</code></td> + <td><code>{{Spec2('CSS4 Cascade')}}</code></td> + <td><code>Нет изменений с уровня 3.</code></td> + </tr> + <tr> + <td><code>{{ SpecName('CSS3 Values', "#common-keywords", "inherit") }}</code></td> + <td><code>{{ Spec2('CSS3 Values') }}</code></td> + <td><code>Никаких существенных изменений с {{ SpecName('CSS2.1') }}.</code></td> + </tr> + <tr> + <td><code>{{ SpecName('CSS2.1', "cascade.html#value-def-inherit", "inherit") }}</code></td> + <td><code>{{ Spec2('CSS2.1') }}</code></td> + <td><code>Начальное определение.</code></td> + </tr> + </tbody> +</table> + +<h2 id="Совместимость_с_браузерами" name="Совместимость с браузерами">Совместимость с браузерами</h2> + +<div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам соответствующий запрос.</div> + +<p>{{Compat("css.types.global_keywords.inherit")}}</p> +</div> + +<h2 id="Смотрите_также"><code>Смотрите также</code></h2> + +<ul> + <li><code><a class="internal" href="/ru/docs/Web/CSS/inheritance" title="/ru/docs/Web/CSS/inheritance">Наследование</a></code></li> + <li><code>Используйте {{cssxref("initial")}}, чтобы установить свойство в его начальное значение.</code></li> + <li><code>Используйте {{cssxref("unset")}}, чтобы установить свойство в его унаследованное значение, если оно наследует, или его начальное значение, если нет.</code></li> + <li><code>Используйте {{cssxref("revert")}} для сброса свойства до значения, установленного таблицей стилей пользователя-агента (или стилями пользователя, если они существуют).</code></li> + <li><code>Свойство {{cssxref("all")}} позволяет сбросить все свойства сразу до начального (initial), унаследованного (inherited), возвращенного (reverted) или неустановленного (unset) состояния.</code></li> +</ul> |