initial
initial は CSS のキーワードで、要素にプロパティの初期値（または既定値）を設定します。どの CSS プロパティにも適用できます。これは、 CSS の一括指定プロパティ all を 含め、すべての CSS プロパティに適用することができます。 all を initial に設定すると、すべての CSS プロパティをそれぞれの初期値に戻すことができます。
継承プロパティでは、初期値は予期せぬ値になるかもしれません。代わりに inherit, unset, revert, revert-layer キーワードを使用することを検討してください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 13 | 19 | 1.2 | 18 | 1 | |
注釈 2件
削除済み
- このバージョンで機能が削除されました (24)
対応条件
- ベンダープレフィックス付きで対応: -moz- (1)
基本構文
CSS
.reset {
display: initial; /* inline */
margin: initial; /* 0 */
color: initial; /* canvastext */
}ライブデモ
実務での使いどころ
-
カスケードされたスタイルのリセット
親要素や前のルールで設定されたスタイルを仕様上の初期値に戻し、予期しないスタイルの継承を解消します。
注意点
- initialはブラウザのデフォルトスタイルではなく仕様上の初期値に戻すため、divにdisplay: initialを指定するとblock（ブラウザデフォルト）ではなくinlineになります。
アクセシビリティ
- display: initialでinlineに変更されると、ブロック要素の振る舞いが変わりレイアウトに影響する場合があるため、意図した動作か確認してください。