unset
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 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
Chargement…