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.

• La propriété all est une propriété raccourcie qui permet de réinitialiser l'ensemble des propriétés avec leurs valeurs initiales, héritées, annulées ou indéfinies.