概要
all CSSプロパティは、要素のプロパティ全てをリセットします(しかしunicode-bidiとdirectionはのぞきます)。
| 初期値 | There is no practical initial value for it. |
|---|---|
| 適用対象 | 全要素 |
| 継承 | 不可 |
| メディア | 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 all の定義 |
勧告候補 | Initial definition |
ブラウザ実装状況
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| 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) | 未サポート | 未サポート | 未サポート |