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.

p {
  color: green;
}

.exemple {
  color: inherit;
}

<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>