css:inherit

Un article de Polydoc.

[modifier] Description

Cette valeur est valable pour n'importe quelle propriété CSS. Elle signifie que la propriété prend la même valeur que celle du parent de l'élément concerné. En somme la valeur __inherit__ force l'héritage d'une valeur pour une propriété donnée.

[modifier] Exemples

Prenons la structure suivante : 

<body>
   <h1>Hello world!</h1>
</body>

Et appliquons-y la feuille de style suivante : 

body {
color: white;
font-weight: bold;
background-color: black;
}
 
h1 {
color: green;
font-weight: inherit;
background-color: inherit;
}

Dans cet exemple, le texte de l'élément <h1> sera de couleur verte, puisque nous l'avons définie ainsi. Le texte sera également en gras, en effet la valeur inherit renvoi à la valeur de font-weight du parent de <h1>, c'est à dire <body>. L'arrière-plan de <h1> apparaitra noir, là encore grâce à l'application de la valeur inherit à background-color.

On remarquera que cette valeur est inutile dans le cas ou la propriété est héritée par défaut. C'est le cas de font-weight.

Récupérée de « http://www.polydoc.org/wiki/css:inherit »