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/inheritance | |
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/inheritance')
-rw-r--r-- | files/ru/web/css/inheritance/index.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/files/ru/web/css/inheritance/index.html b/files/ru/web/css/inheritance/index.html new file mode 100644 index 0000000000..210b467c6d --- /dev/null +++ b/files/ru/web/css/inheritance/index.html @@ -0,0 +1,48 @@ +--- +title: Наследование +slug: Web/CSS/inheritance +translation_of: Web/CSS/inheritance +--- +<h2 id="Описание">Описание</h2> + +<p>Описание каждого <a href="/ru/docs/Web/CSS/Reference" title="en/CSS_Reference">CSS свойства</a> говорит наследуется ли оно по-умолчанию ("Наследуется: да/нет"). Наследование контролирует, что происходит, если значение свойства элемента не определено.</p> + +<h2 id="Inherited_properties" name="Inherited_properties">Наследуемые свойства</h2> + +<p>Когда никакого значения для <strong>свойства, которое наследуется</strong>, у элемента не установлено, элемент получает <a href="/ru/docs/Web/CSS/computed_value" title="en/CSS/computed_value">вычисленное значение</a> этого свойства от его родителя. Только корневой элемент документа получает <a href="/ru/docs/Web/CSS/initial_value" title="en/CSS/initial_value">начальное значение</a> из описания свойства.</p> + +<p>Типичный пример наследуемого свойства {{ Cssxref("color") }}. Стили:</p> + +<pre class="brush: css">p { color: green }</pre> + +<p>и разметка:</p> + +<pre class="brush: html"><p>В этом параграфе <em>подчёркнутый текст</em>.</p></pre> + +<p>слова "подчёркнутый текст" станут зелёными, т.к. тег <code>em</code> унаследовал значение свойства {{ Cssxref("color") }} от элемента <code>p, </code>а не получают начальное значение свойства (цвет, который используется для корневого элемента, когда страница не определяет цвет).</p> + +<h2 id="Non-inherited_properties" name="Non-inherited_properties">Ненаследуемые свойства</h2> + +<p>Когда значения <strong>свойства </strong>элемента, которое<strong> не наследуется</strong>, не указано(иногда называемое Mozilla - <strong>сброшенное свойство</strong>), элемент получает <a href="/ru/docs/Web/CSS/initial_value" title="en/CSS/initial_value">начальное значение</a> этого свойства (как указано в описании свойства).</p> + +<p>Пример ненаследуемого свойства {{ Cssxref("border") }}. Стили:</p> + +<pre class="brush: css"> p { border: medium solid }</pre> + +<p>и разметка:</p> + +<pre class="brush: html"> <p>В этом параграфе <em>подчёркнутый текст</em>.</p></pre> + +<p>у слов "подчёркнутый текст" не будет рамки (т.к. начальное значение {{ Cssxref("border-style") }}:<code>none</code>).</p> + +<h2 id="Notes" name="Notes">Замечание</h2> + +<p>Ключевое слово {{ Cssxref("inherit") }} позволяет нам явно задать наследование. Это работает и на наследуемых, и на ненаследуемых свойствах.</p> + +<h2 id="See_Also" name="See_Also">Смотрите также</h2> + +<ul> + <li><a href="/ru/docs/Web/CSS/Reference" title="CSS Reference">CSS документация</a></li> + <li>{{ CSS_key_concepts() }}</li> + <li>{{ Cssxref("inherit") }}</li> +</ul> |