unset
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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
Loading…