Héritage

Résumé

Le résumé de chaque définition de propriété CSS indique si cette propriété est héritée par défaut (« Héritée : oui ») ou non héritée par défaut (« Héritée : non »). Ceci contrôle ce qui se produit lorsqu'aucune valeur n'est spécifiée pour une propriété appliquée à un élément.

Propriétés héritées

Lorsqu'aucune valeur n'est spécifiée pour une propriété héritée sur un élément, l'élément récupère la valeur calculée de cette propriété appliquée à son élément parent. Seul l'élément racine du document possède la valeur initiale donnée dans le résumé de la propriété.

Un exemple caractéristique d'une propriété héritée est la propriété color. En définissant la règle de style :

 p { color: green; }

au code HTML suivant :

 <p>Ce paragraphe contient du <em>texte mis en emphase text</em>.</p>

les mots « texte mis en emphase » apparaîtront en vert, car l'élément em a hérité de la valeur de la propriété color de l'élément p. Il n'obtient pas la valeur initiale de la propriété (qui est la couleur utilisée par l'élément racine lorsque la page ne spécifie aucune couleur).

Propriétés non héritées

Lorsqu'aucune valeur, pour une propriété non héritée (parfois appelée reset property dans le code Mozilla) n'est spécifiée pour un élément, l'élément a la valeur initiale de cette propriété (comme spécifiée dans le résumé de la propriété).

Un exemple caractéristique de propriété non héritée est la propriété border. En définissant la règle de style :

 p { border: medium solid; }

au code HTML suivant :

 <p>Ce paragraphe contient du <em>texte mis en emphase text</em>.</p>

les mots « texte mis en emphase » n'auront pas de bordure (car la valeur initiale de la propriété border-style est none).

Notes

Le mot clef inherit permet aux auteurs de pages Web de spécifier explicitement l'héritage. Il fonctionne aussi bien pour les propriétés héritées que pour celles non héritées.

Voir également

inherit, valeur initiale, valeur calculée

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : FredB, Fredchat, Kyodev, Mgjbot
Dernière mise à jour par : FredB,
Masquer la barre latérale