unset

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2016.

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

css
p {
  color: red;
}

#sidebar p {
  color: unset;
}

HTML

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

Résultat

Avec border

CSS

css
div {
  border: 1px solid green;
}

p {
  border: 1px solid red;
}

.truc p {
  border-color: unset;
}

HTML

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

Specification
CSS Cascading and Inheritance Level 4
# inherit-initial

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

  • Les valeurs globales qui peuvent s'appliquer pour toutes les propriétés CSS :

  • 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.