line-height

Hérité : oui   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Définit la hauteur de la zone contenant une ligne physique du contenu. La hauteur de cette ligne est normalement déterminée par la hauteur de ligne (line-height) de la plus haute police d'une ligne de texte ou par la hauteur du plus haut objet.

Syntaxe CSS
line-height: normal | nombre | longueur | pourcentage
Valeur(s) possible(s) pour cette propriété :

Si vous spécifiez la valeur normal, le navigateur calcule automatiquement l'interlignage pour la totalité de l'élément, produisant une valeur dont peuvent hériter les éléments imbriqués. Si vous spécifiez un nombre (number) supérieur à zéro, celui-ci sert de multiplicateur et est appliqué à la taille de caractères de l'élément actuel. Par conséquent, si un élément imbriqué hérite du multiplicateur de hauteur de ligne (line-height) de ses parents, ce multiplicateur est appliqué à la propriété font-size de l'élément actuel (c'est le multiplicateur qui est hérité, pas la valeur calculée du parent). Si vous spécifiez une longueur (length), celle-ci est appliquée à la hauteur de la zone de ligne. Si vous spécifiez un pourcentage (pourcentage), celui-ci sert de multiplicateur et est appliqué à la taille de caractères de l'élément actuel. Dans ce cas, les éléments imbriqués peuvent hériter de la valeur calculée.

Valeur initiale

normal

Exemple
p {line-height: normal} /* valeur par défaut du navigateur; */
p {line-height: 1.1} /* Nombre; */
p {line-height: 1.1em} /* Longueur; */
p {line-height: 110%} /* pourcentage de la taille de la police times */
S'applique à 

Tous les éléments.

Javascript
[window.]document .getElementById("elementID") .style .lineHeight

color
direction
font
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
letter-spacing
line-break
line-height
text-align
text-decoration
text-indent
text-shadow
text-transform
vertical-align




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu