all

CSS の all 一括指定プロパティは、要素のすべてのプロパティを (unicode-bidi および direction を除いて) 初期化します。プロパティは初期値または継承値、または他のスタイルシートに由来して指定した値に設定される可能性があります。

構文

/* グローバル値 */
all: initial;
all: inherit;
all: unset;

/* CSS カスケードと継承 Level 4 */
all: revert;

all プロパティは、 CSS のグローバルキーワード値のうちの一つで定義します。なお、これらの値は unicode-bidi および direction プロパティには影響しません。

値

initial
その要素のすべてのプロパティを初期値に変更するべきであることを指定します。
inherit
その要素のすべてのプロパティを継承値に変更するべきであることを指定します。
unset
その要素のすべてのプロパティを、既定値が inherit のものは継承値に、そうでなければ初期値に変更するべきであることを指定します。
revert (en-US)
宣言が所属するスタイルシートの出所に応じて動作を指定します。
ユーザーエージェントのスタイルシート
unset と同等です。
ユーザーのスタイル
カスケードをユーザーエージェントレベルまでロールバックし、指定値が、その要素に対して作者レベルまたはユーザーレベルの規則が指定されていないかのように計算されるようにします。
作者のスタイル
カスケードをユーザーのレベルまでロールバックし、作者レベルの規則が要素に指定されていない場合は、指定値が計算されます。 revert の用途では、作者のオリジンはオーバーライドおよびアニメーションのオリジンが含まれます。

形式文法

initial | inherit | unset | revert

例

HTML

<blockquote id="quote">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.

CSS

body {
  font-size: small;
  background-color: #F0F0F0;
  color: blue;
}

blockquote {
  background-color: skyblue;
  color: red;
}

結果

all プロパティなし

<blockquote> は、特定の背景色と文字色と一緒に、ブラウザーの標準スタイルを使用します。blockquoteはブロック要素のようにふるまいます。これに続くテキストはその下にあります。

all:unset

<blockquote> はブラウザーの標準スタイルを使用しません。 blockquote はインライン要素 (初期値) であり、 background-color は transparent (初期値) ですが、 font-size は small (継承された値) のままで、かつ colorはblue (継承された値) です。

all:initial

<blockquote> はブラウザーの標準スタイルを使用しません。 blockquote はインライン要素 (初期値) であり、background-colorはtransparent (初期値)、font-sizeはnormal (初期値)、且つcolorは black (初期値)です。

all:inherit

<blockquote> はブラウザーの標準スタイルを使用しません。blockquoteはブロック要素 (blockquoteを含んでいる<div>から継承された値)であり、background-colorはtransparent(初期値)、font-sizeはsmall (継承された値)、且つ colorはblue (継承された値)です。

仕様書

仕様書 状態 備考
CSS Cascading and Inheritance Level 4
all の定義		 勧告候補 revert の値を追加。
CSS Cascading and Inheritance Level 3
all の定義		 勧告 初回定義

初期値具体的な初期値なし。
適用対象すべての要素
継承なし
計算値この一括指定が対象とする各プロパティに適用する指定された値のまま。
アニメーションの種類この一括指定のそれぞれのプロパティとして (unicode-bidi と direction) を除いたすべてのプロパティ

ブラウザーの対応

BCD tables only load in the browser

関連情報

CSS のグローバルキーワード値: initial, inherit, unset, revert (en-US)