initial

例

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

HTML

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

CSS

p {
  color: red;
}
em {
  color: initial;
}

結果

この例では initial キーワードにより、em 要素の color 値は、仕様書で定義されている color の初期値に戻されます。

仕様書

ブラウザーの互換性

関連情報

• inherit キーワードを使用すると、要素のプロパティを親と同じ値にします。
• revert キーワードを使用すると、プロパティをユーザーエージェントのスタイルシート（またはもしあれば、ユーザーのスタイル）で設定された値に初期化します。
• revert-layer キーワードを使用すると、プロパティを直前のカスケードレイヤーで確立された値に戻します。
• unset キーワードを使用すると、継承プロパティは継承値に、それ以外は初期値に設定します。
• all プロパティは、すべてのプロパティを一度に initial, inherit, revert, unset の状態にします。