| 属性名 | all |
|---|---|
| 値 | initial | inherit | unset | revert |
| 初期値 | 個々の属性を参照 |
| 適用可能要素 | 個々の属性を参照 |
| 継承 | 個々の属性を参照 |
| メディア | 個々の属性を参照 |
| アニメーション | 個々の属性を参照 |
| CSS | IE/Edge | Firefox | Chrome | Opera | Safari | |
|---|---|---|---|---|---|---|
| 基本 | CSS3 | (未) | 27 | 37 | 24 | (未) |
unicode-bidi と direction を除くすべてのプロパティの値をまとめて設定します。ページ内に他のデザインのコンテンツを取り込む際、既存のスタイルをリセットする際などに有効です。値には、すべての属性で共通な、下記の値を指定することができます。
| 値 | 説明 |
|---|---|
| initial | 属性値を初期値に戻します。 |
| inherit | 属性値を親要素から継承します。 |
| unset | 属性値を初期値に戻します。ただし、ただし、親要素から継承される値は継承された値となります。 |
| revert | 属性値をオリジンの規定値に戻します。ユーザエージェントオリジンの場合は unset と同じ意味になります。ユーザオリジンの場合はユーザが指定した規定値、オーサーオリジンの場合はオーサーが指定した規定値となります。CSS Cascading and Inheritance Level 4 でサポートされた値で、まだあまりサポートされていません。 |
.parent {
color: red;
font-weight: bold;
}
.child1 {
border:1px solid #999;
margin-top: 10px;
margin-bottom: 10px;
}
.child2 {
all: initial;
border:1px solid #999;
}
<div class="parent">
この部分には、赤い太字のスタイルが設定されています。
<div class="child1">
通常は、子要素にもスタイルが継承されます。
</div>
<div class="child2">
all:initial を行うと、親要素から継承したスタイルがすべてリセットされます。
</div>
</div>