CSS - unset - とほほのWWW入門

CSS3 では、すべての属性で unset という値を指定することができます。親要素から継承される属性に対しては inherit と同じ動作を、継承されない属性に対しては initial と同じ動作をします。一部の属性や要素だけ、スタイル設定を除外する場合に利用されます。

CSS	IE/Edge	Firefox	Chrome	Opera	Safari
CSS2	13	27	41	28	(未)

下記の例では、親要素(parent)で、色、太字、サイズを指定しています。子要素A(childA)ではすべての属性をリセットしています。子要素B(childB)でもすべての属性をリセットしていますが、色だけは親要素の値を継承しています。

CSS

.parent {
  color: red;
  font-weight: bold;
  font-size: 16pt;
}
.childA {
  all: initial;
}
.childB {
  all: initial;
  color: unset;
}

HTML

<div class="parent">
 parent
 <div class="childA">childA</div>
 <div class="childB">childB</div>
</div>

表示

parent

childA

childB

CSS - unset