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 | マウスポインタのカーソルの種類を指定する |
scrollbar-base-color | スクロールバーのベースになる色を指定する |
scrollbar-arrow-color | スクロールバーの矢印にあたる色を指定する |
scrollbar-face-color | スクロールバーの表面にあたる色を指定する |
scrollbar-3dlight-color | スクロールバーの左端と上端にあたる色を指定する |
scrollbar-highlight-color | スクロールバーのハイライトにあたる色を指定する |
scrollbar-shadow-color | スクロールバーの影にあたる色を指定する |
scrollbar-darkshadow-color | スクロールバーの右端と下端にあたる色を指定する |