Définition de la CSS line-height.
La propriété CSS line-height permet de spécifier la hauteur d'une ligne de texte et donc aussi de gérer l'espace entre les lignes.
line-height :line-height : normal;
line-height : 5px;
line-height : 1.5;La propriété de feuille de style line-height CSS peut pendre une valeur :
- normal : laisse le navigateur décider de la hauteur de ligne, valeur par défaut.
- numérique : valeur de la hauteur de ligne positive et suivie d'une unité CSS de longueur (px, ex ou em, etc...).
- numérique : valeur de la hauteur de ligne positive et suivie d'un "%" (pourcentage).
- numérique : valeur de la hauteur de ligne positive et sans unité CSS de longueur.
-
inherit: hérite de la propriété CSSline-heightde son parent (CSS2).
Exemple de code line-height CSS
Conditions d'application de la CSS line-height.
La propriété CSS line-height est applicable sur l'ensemble des balises HTML ou XHTML.
La valeur de la CSS line-height peut être mise directement dans la propriété de raccourci CSS font.
Héritage des valeurs Css de line-height.
La propriété CSS line-height hérité de son parent, mais pas de la valeur calculée.
Problème d'interprétation de line-height en Css.
La propriété CSS line-height peut poser des problèmes d'interprétation sur les très anciens navigateurs (avant 2008).
Conditions d'animation de line-height en CSS3.
La CSS line-height est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.
Règles de syntaxes CSS pour line-height.
Calcul d'une valeur en % ou sans unité pour line-height
Si la valeur est en % pourcentage :
La valeur de line-height est calculée en fonction de la valeur calculée de la propriété CSS font-size de la fonte (police) de l'élément.
Si la valeur est sans unité de longueur :
La valeur de line-height est calculée en multipliant le nombre par la valeur de font-size de la fonte (police) de l'élément.
Si la valeur est normal :
Le calcul de valeur de line-height est identique à une valeur sans unité de longueur, sauf que c'est le navigateur qui spécifie le nombre. Il est généralement compris entre 1.0 et 1.2.
Les éléments en ligne et line-height
Dans le cas des éléments de type inligne la propriété line-height CSS correspond à la hauteur exacte de l'élément généré (height).
Dans le cas des éléments de type block la propriété line-height CSS correspond à la hauteur minimal de chaque ligne de l'élément.
Compatibilités navigateurs de la propriété line-height
- Détails des versions de la CSS line-height
- Propriété
line-heightest compatible avec CSS1 et plus. - Propriété
line-heightest compatible avec CSS2 et plus.
Equivalence de la CSS line-height en HTML.
La propriété de feuille de style line-height CSS n'a pas d'équivalence en HTML ou XHTML.
Votre avis sur la définition line-height en CSS
Votez pour la définition CSS line-height
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.5 / 5 - 42
votes
Cliquez sur une étoile pour voter.