all：要素の全てのプロパティを初期化する
| 初期値 | なし |
| 適用対象 | 全ての要素 |
| 継承 | しない |
| アニメーション | 対象となる全てのプロパティ |
| 対応ブラウザ | caniuseで確認 |
allプロパティの説明
allは、要素の全てのプロパティに対して一括指定を行う祭に使用します。値はCSSのグローバルキーワードのうちの一つを適用します。この値は、unicode-bidiおよびdirectionプロパティには影響を与えません。
allに指定できる値
- initial
- 初期値を表す共通のキーワードです。
- inherit
- 親要素の値を継承する共通のキーワードです。
- revert
- プロパティの値がその時点で変更がなければ、他のスタイルにさかのぼって値を参照する共通のキーワードです。
- unset
- プロパティの値をリセットして親要素の継承値、それ以外は初期値を設定し直す共通のキーワードです。
allの使い方とサンプル
allプロパティの構文は以下の通りです。
CSS
/* グローバル値 */
all: inherit;
all: initial;
all: revert;
all: unset;
allに関連するCSSプロパティ
| 要素の装飾や描画指定 | |
|---|---|
| accent-color | 一部の要素の強調色を指定する |
| all | 要素の全てのプロパティを初期化する |
| appearance | ブラウザが独自に描画する標準的なUIをCSSで変更できるようにする |
| caret-color | テキストの挿入位置や選択補助として表示されるキャレットの色を指定する |
| cursor | マウスポインタのカーソルの種類を指定する |
| filter | 画像やテキストにフィルタ効果を与える |
| isolation | 要素のスタッキング・コンテキストを制御する |
| mix-blend-mode | 重なり合った要素の内容と背景に対して描画モードを指定する |
| opacity | 要素の不透明度を指定する |
| scroll-behavior | スクロールが発生した場合の挙動を指定する |
| user-select | ユーザーがテキストを選択できるかどうかを指定する |