Les langages CSS Le texte
L'héritage
Certaines propriétés se transmettent aux éléments contenus : on les dit
héritées. Poser color sur un conteneur colore tout le texte qu'il
contient, sans viser chaque élément.
| Héritées | Non héritées |
|---|---|
color, font-family, font-size, font-weight |
border, margin, padding |
line-height, text-align, letter-spacing |
background-color, width, height |
list-style, visibility, cursor |
display, box-sizing, position |
La logique : ce qui concerne le texte s'hérite ; ce qui concerne la boîte d'un élément, non. Une bordure héritée encadrerait chaque paragraphe, chaque lien, chaque mot en gras : personne ne le voudrait.
Un arrière-plan ne s'hérite pas, mais comme les enfants sont transparents par défaut, le fond du parent se voit à travers eux.
Forcer ou annuler
.encadre p {
border: inherit; /* reprendre la valeur du parent, même non héritée */
}
inherit force l'héritage, initial revient à la valeur par défaut de la
propriété.
1 exercice pour cette lecon
Les exercices demandent un compte : il faut bien enregistrer votre progression quelque part. La lecture, elle, reste libre. Creer un compte
-
Ce qui descend, ce qui reste moyen lecon a valider