1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
---
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>
<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>
|
