Le mot-clé inherit est une valeur qui peut être utilisée pour qu'une propriété prenne la valeur calculée de la propriété pour l'élément parent. Cette valeur peut être utilisée sur n'importe quelle propriété CSS.

Pour les propriétés héritées, cela accentue le comportement par défaut et ce mot-clé n'est nécessaire que pour surcharger une autre règle.

Pour les propriétés non-héritées, cela permettra d'obtenir le comportement indiqué. Ce comportement a peu d'intérêt dans ces cas et mieux vaudra utiliser initial ou unset.

L'héritage provient toujours de l'élément parent par rapport à l'arbre du document, même si cet élément n'est pas le bloc englobant.

Exemples

CSS

p {
  color: green;
}

.exemple {
  color: inherit;
}

HTML

<p>Alice remarqua, avec quelque surprise, qu’en
   tombant sur le plancher les cailloux se changeaient
   en petits gâteaux, et une brillante idée lui 
   traversa l’esprit.</p>
<p class="exemple">Elle avala un des gâteaux, et s’aperçut avec 
   joie qu’elle diminuait rapidement</p>

Résultat

Spécifications

Spécification État Commentaires
CSS Cascading and Inheritance Level 4
La définition de 'inherit' dans cette spécification.
Version de travail Aucun changement.
CSS Values and Units Module Level 3
La définition de 'inherit' dans cette spécification.
Candidat au statut de recommandation Aucun changement CSS Level 2 (Revision 1)
CSS Level 2 (Revision 1)
La définition de 'inherit' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 1.0 1.0 (1.7 ou moins) 8.0 4.0 1.0 (85)
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple 1.0 1.0 (1.0) ? ? (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, cdromain, FredB, Mgjbot, Kyodev, Fredchat
 Dernière mise à jour par : SphinxKnight,