CSS の initial キーワードは、要素にプロパティの初期値 (又は既定値) を設定します。どの CSS プロパティにも適用できます。これは CSS の一括指定 all を含み、 initial を指定して、すべての CSS プロパティを初期値に戻すために使用することができます。

メモ: 継承プロパティでは、初期値は期待されない値かもしれません。代わりに inherit, unset, revert キーワードを使用することを検討してください。

HTML

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

CSS

p {
  color: red;
}

em {
  color: initial;
}

仕様書

仕様書 状態 備考
CSS Cascading and Inheritance Level 4
initial の定義
勧告候補 Level 3 から変更なし。
CSS Cascading and Inheritance Level 3
initial の定義
勧告候補 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 19
完全対応 19
未対応 1 — 24
接頭辞付き
接頭辞付き -moz- のベンダー接頭辞が必要
IE 未対応 なしOpera 完全対応 15Safari 完全対応 1.2WebView Android 完全対応 1Chrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 19
完全対応 19
未対応 4 — 24
接頭辞付き
接頭辞付き -moz- のベンダー接頭辞が必要
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

関連情報

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

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, ethertank, sosleepy
最終更新者: mfuji09,