---
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>