all

CSS の all 一括指定プロパティは、要素のすべてのプロパティ (unicode-bidi 及び direction を除く) を初期値又は継承値、又は他のスタイルシートに由来して指定した値に設定します。

この対話型サンプルのソースファイルは GitHub リポジトリに格納されています。対話型サンプルプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。

構文

/* グローバル値 */
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;
}

結果

<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 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 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 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; }

仕様書

ブラウザーの対応

関連情報

CSS のグローバルキーワード値: initial, inherit, unset, revert