---
title: initial
slug: Web/CSS/initial
tags:
  - CSS
  - CSS Cascade
  - CSS Value
  - Default state
  - Initial state
  - Layout
  - Reference
  - initial
  - Справка
translation_of: Web/CSS/initial
---
<div>{{CSSRef}}</div>

<p><span class="seoSummary">Ключевое слово <strong><code>initial</code></strong> (CSS) устанавливает свойство элемента в <a href="/ru/docs/Web/CSS/initial_value">начальное (или по умолчанию) значение</a>. Это может быть применимо к любому свойству CSS.</span> Это относится также к CSS свойству {{cssxref("all")}}, с которым <code>initial</code> может быть использовано для восcтановления всех CSS свойств до их начальных значений.</p>

<div class="note">
<p><strong>Примечание:</strong> На <a href="/ru/docs/Web/CSS/inheritance#Inherited_properties">наследуемые свойства</a> действие значения initial может быть непредвиденным. Вы должны рассмотреть возможность использования ключевых слов {{cssxref("inherit")}}, {{cssxref("unset")}} или {{cssxref("revert")}} вместо него.</p>
</div>

<h2 id="Пример">Пример</h2>

<h4 id="HTML">HTML</h4>

<pre class="brush: html">&lt;p&gt;
  &lt;span&gt;This text is red.&lt;/span&gt;
  &lt;em&gt;This text is in the initial color (typically black).&lt;/em&gt;
  &lt;span&gt;This is red again.&lt;/span&gt;
&lt;/p&gt;</pre>

<h4 id="CSS">CSS</h4>

<pre class="brush: css">p {
  color: red;
}

em {
  color: initial;
}</pre>

<p>{{EmbedLiveSample('Example')}}</p>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('CSS4 Cascade', '#initial', 'initial') }}</td>
   <td>{{Spec2('CSS4 Cascade')}}</td>
   <td>Нет изменений с уровня 3.</td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS3 Cascade', '#initial', 'initial') }}</td>
   <td>{{Spec2('CSS3 Cascade')}}</td>
   <td>Начальное определение.</td>
  </tr>
 </tbody>
</table>

<h2 id="Совместимость с браузерами" name="Совместимость с браузерами">Совместимость с браузерами</h2>

<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.initial")}}</p>

<h2 id="Смотрите также" name="Смотрите также">Смотрите также</h2>

<ul>
 <li><code>Используйте {{cssxref("unset")}}, чтобы установить свойство в его унаследованное значение, если оно наследует, или его начальное значение, если нет.</code></li>
 <li><code>Используйте {{cssxref("revert")}} для сброса свойства до значения, установленного таблицей стилей пользователя-агента (или стилями пользователя, если они существуют).</code></li>
 <li>Используйте свойство {{cssxref("inherit")}}, чтобы установить свойство элемента таким же значением, как у его родителя.</li>
 <li><code>Свойство {{cssxref("all")}} позволяет сбросить все свойства сразу до начального (initial), унаследованного (inherited), возвращенного (reverted) или неустановленного (unset) состояния.</code></li>
</ul>