aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/initial/index.md
blob: fc65838b25b9460819660d8adecc23e2ee3a45ff (plain)
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
---
title: initial
slug: Web/CSS/initial
tags:
  - CSS
  - CSS カスケード
  - CSS 値
  - 既定の状態
  - 初期状態
  - キーワード
  - レイアウト
  - リファレンス
  - initial
browser-compat: css.types.global_keywords.initial
translation_of: Web/CSS/initial
---
{{CSSRef}}

**`initial`** は CSS のキーワードで、要素にプロパティの[初期値(または既定値)](/ja/docs/Web/CSS/initial_value)を設定します。どの CSS プロパティにも適用できます。これは CSS の一括指定である {{cssxref("all")}} を含み、 `initial` を指定して、すべての CSS プロパティを初期値に戻すために使用することができます。

[継承プロパティ](/ja/docs/Web/CSS/inheritance#inherited_properties)では、初期値は予期せぬ値になるかもしれません。代わりに {{cssxref("inherit")}}, {{cssxref("unset")}}, {{cssxref("revert")}} キーワードを使用することを検討してください。

## 例

### initial を使用して要素の色を初期化

#### HTML

```html
<p>
  <span>このテキストは赤です。</span>
  <em>このテキストは初期値(ふつうは黒)です。</em>
  <span>これは再び赤です。</span>
</p>
```

#### CSS

```css
p {
  color: red;
}

em {
  color: initial;
}
```

#### 結果

{{EmbedLiveSample('Using_initial_to_reset_color_for_an_element')}}

## 仕様書

{{Specifications}}

## ブラウザーの互換性

{{Compat}}

## 関連情報

- {{cssxref("unset")}} を使用すると、継承プロパティは継承値に、それ以外は初期値に設定します。
- {{cssxref("revert")}} を使用すると、プロパティをユーザーエージェントのスタイルシート(またはもしあれば、ユーザーのスタイル)で設定された値に初期化します。
- {{cssxref("inherit")}} を使用すると、要素のプロパティを親と同じ値にします。
- {{cssxref("all")}} プロパティは、すべてのプロパティを一度に initial, inherit, revert, unset の状態にします。