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
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
Specification |
---|
CSS Cascading and Inheritance Level 4 # inherit-initial |
Compatibilité des navigateurs
BCD tables only load in the browser