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

Spécification État Commentaires
CSS Cascading and Inheritance Level 4
La définition de 'unset' dans cette spécification.
Candidat au statut de recommandation Aucun changement depuis Level 3
CSS Cascading and Inheritance Level 3
La définition de 'unset' dans cette spécification.
Candidat au statut de recommandation Définition initiale

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 41Edge Support complet OuiFirefox Support complet 27IE Aucun support NonOpera Support complet OuiSafari Support complet 9.1WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 27Opera Android Support complet OuiSafari iOS Support complet 9.3Samsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support

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.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,