CSS3 では、すべての属性で unset という値を指定することができます。親要素から継承される属性に対しては inherit と同じ動作を、継承されない属性に対しては initial と同じ動作をします。一部の属性や要素だけ、スタイル設定を除外する場合に利用されます。
CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
CSS2 | 13 | 27 | 41 | 28 | (未) |
下記の例では、親要素(parent)で、色、太字、サイズを指定しています。子要素A(childA)ではすべての属性をリセットしています。子要素B(childB)でもすべての属性をリセットしていますが、色だけは親要素の値を継承しています。
.parent { color: red; font-weight: bold; font-size: 16pt; } .childA { all: initial; } .childB { all: initial; color: unset; }
<div class="parent"> parent <div class="childA">childA</div> <div class="childB">childB</div> </div>