Définition de line-height
La propriété de feuille de style css line-height permet de spécifier la hauteur d'une ligne d'un bloc de texte, ce dernier va dépendre de la taille de la fonte (police).
Exemple de code :
.identifiant{
line-height:5px;
} peut pendre une valeur :
- normal (1.0 et 1.2)
- numérique positive suivie de px ou % ou pt ou em. Seul "em" positif et les valeurs sans unité semblent être interprétées de la même façon sur tous les navigateurs.
- inherit, hérite de la propriété css de son parent (css 2)
Application des line-height
La propriété de feuille de style css line-height est applicable sur l'ensemble des balises HTML ou XHTML de type "inline".
La norme veut que les valeur soient positives mais les valeurs négatives semblent acceptées par les nouveaux navigateurs.
La propriété de feuille de style css line-height n'a pas d'équivalence en HTML ou XHTML.
Problèmes des line-height
La propriété de feuille de style css line-height peut poser des problèmes d'interprétation.
Exemples et astuces css
line-height dépend de la taille de la police
line-height:3em; font-size:12pt;
line-height:3em; font-size:14pt;
line-height:3em; font-size:16pt;
line-height:3em; font-size:20pt;