CSS:inherit
Un article de MDC.
Sommaire |
[modifier] Résumé
inherit est une valeur permise pour toutes les propriétés CSS. L'élément auquel elle s'applique prend la Valeur calculée de la propriété de son élément parent.
[modifier] Pour les propriétés non héritées
Pour les propriétés non héritées, cela renforce le comportement par défaut, et elle n'est nécessaire que pour annuler une autre règle. Par exemple :
/* Définit les en-têtes de 2e niveau en vert */
h2 { color: green; }
/* Mais les en-têtes de la barre latérale utilisent la valeur de la couleur leur parent */
#sidebar h2 { color: inherit; }
Notez que dans cette exemple, les éléments h2 de la barre latérale peuvent avoir des couleurs différentes. Par exemple, si l'un d'eux était le descendant d'une div possédant la règle suivante :
div#current { color: blue; }
il serait également bleu.
[modifier] Pour les propriétés héritées
Pour les propriétés héritées, ce comportement est bien moins utilisé car il ne renforce pas le comportement par défaut et qu'il a bien peu de sens.
[modifier] Notes
L'héritage part toujours du parent vers le descendant dans l'arbre du document, même lorsque l'élément parent n'est pas le bloc contenant l'élément enfant.