inherit

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

BCD tables only load in the browser

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.