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.

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

Compatibilité des navigateurs

Voir aussi

• L'héritage
• La propriété all

• Les propriétés globales initial, unset et revert.