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

宣言が所属するスタイルシートの出所に応じて動作を指定します。

ユーザーエージェントのスタイルシート: 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 id="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</blockquote> Phasellus eget velit sagittis.

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

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

`all:unset`

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

body { font-size: small; background-color: #F0F0F0; color:blue; }
blockquote { background-color: skyblue;  color: red; }
blockquote { all: unset; }

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

`all:initial`

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

body { font-size: small; background-color: #F0F0F0; color:blue; }
blockquote { background-color: skyblue;  color: red; }
blockquote { all: initial; }

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

`all:inherit`

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

body { font-size: small; background-color: #F0F0F0; color:blue; }
blockquote { background-color: skyblue; color: red; }
blockquote { 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

all プロパティなし

all:unset

all:initial

all:inherit

`all` プロパティなし

`all:unset`

`all:initial`

`all:inherit`