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

Spécification État Commentaires
CSS Cascading and Inheritance Level 4
La définition de 'unset' dans cette spécification.
Version de travail 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

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 41 27 (27) Edge build 10565+ Pas de support Pas de support
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple Pas de support 27.0 (27) Pas de support Pas de support Pas de support

Voir aussi

Étiquettes et contributeurs liés au document

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