unset

Le mot-clé unset correspond à la combinaison des mots-clés initial et inherit. Comme les autres mots-clés globaux à tout CSS, il peut être utilisé pour n'importe quelle propriété CSS, y compris la propriété raccourcie all. Ce mot-clé réinitialise la propriété afin que sa valeur soit la valeur héritée depuis l'élément parent ou soit la valeur initiale (s'il n'y a pas d'héritage). Autrement dit, s'il y a de l'héritage, ce mot-clé se comporte comme inherit, sinon, il se comporte comme initial.

Exemples

Avec color

CSS

p {
  color: red;
}

#sidebar p {
  color: unset;
}

HTML

<p>This text is red</p>
<div id="sidebar">
  <p>This text has the default color</p>
</div>

Résultat

Avec border

CSS

div {
  border: 1px solid green;
}

p {
  border: 1px solid red;
}

.truc p {
  border-color: unset;
}

HTML

<p>Ce texte a une bordure rouge.</p>
<div class="toto">
  <p>Ce texte a une bordure rouge</p>
</div>
<div class="truc">
  <p>Ce texte a une bordure noire (la valeur initiale, non héritée)</p>
</div>

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• Les valeurs globales qui peuvent s'appliquer pour toutes les propriétés CSS :
  • initial,
  • inherit,
  • unset,
  • revert.