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, y compris sur la propriété raccourcie all.

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.
Candidat au statut de recommandation 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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 8Opera Support complet 4Safari Support complet 1WebView Android Support complet 1Chrome Android Support complet OuiEdge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Voir aussi

  • L'héritage
  • La propriété all
  • Les propriétés globales initial, unset et revert.
  • La propriété all permet de réinitialiser l'ensemble des propriétés avec leurs valeurs initiales, héritées, annulées ou indéfinies.

Étiquettes et contributeurs liés au document

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