この記事は編集レビューを必要としています。ぜひご協力ください。
概要
all CSSプロパティはすべてのプロパティをリセットします(しかしunicode-bidi
とdirection
はのぞきます)。
初期値 | noPracticalInitialValue |
---|---|
適用対象 | 全要素 |
継承 | 不可 |
メディア | There is no practical media for it. |
計算値 | as the specified value applies to each property this is a shorthand for. |
アニメーションの可否 | as each of the properties of the shorthand (all properties but unicode-bidi and direction ) |
正規順序 | 形式文法で定義される一意のあいまいでない順序 |
構文
形式構文: initial | inherit | unset
all: initial all: inherit all: unset
値
initial
- その要素に設定されたまたはその親要素から継承されたプロパティをすべて初期値にもどします(
unicode-bidi
とdirection
は除く)。 inherit
- その要素に設定されたまたはその親要素から継承されたプロパティをすべて通常継承されないプロパティも含めて親要素から継承した値にします(
unicode-bidi
とdirection
は除く)。 unset
- その要素に設定されたプロパティは全て初期値に戻し親要素から継承されるプロパティはそのまま継承されます(
unicode-bidi
とdirection
は除く)。inherit と違うのは通常継承されないプロパティはそのまま継承されないことです。
例
HTML
<blockquote id="quote">Lorem ipsum dolor sit amet.</blockquote> Phasellus eget velit sagittis.
CSS
html { font-size: small; background-color: #F0F0F0; color: blue; } blockquote { background-color: skyblue; color: red; }
結果:
No all
property
<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 3 The definition of 'all' in that specification. |
勧告候補 | Initial definition |
ブラウザ実装状況
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 37 | 27 (27) | 未サポート | 24 | 未サポート |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 未サポート | 27.0 (27) | 未サポート | 未サポート | 未サポート |