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
|
---
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> может быть использовано для восстановления всех 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"><p>
<span>This text is red.</span>
<em>This text is in the initial color (typically black).</em>
<span>This is red again.</span>
</p></pre>
<h4 id="CSS">CSS</h4>
<pre class="brush: css">p {
color: red;
}
em {
color: initial;
}</pre>
<p>{{EmbedLiveSample('Пример')}}</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="Совместимость с браузерами">Совместимость с браузерами</h2>
<p>{{Compat("css.types.global_keywords.initial")}}</p>
<h2 id="Смотрите_также">Смотрите также</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>
|
