Exemple
Réglez la hauteur de la ligne en pour cent:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété line-height spécifie la hauteur de la ligne.
Note: Les valeurs négatives ne sont pas autorisés.
| Valeur par défaut: | normal |
|---|---|
| Hérité: | yes |
| Animable: | yes. Read about animatable Try it |
| Version: | CSS1 |
| Syntaxe JavaScript: | object .style.lineHeight="30px" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Syntaxe CSS
line-height: normal|number|length|initial|inherit;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| normal | A hauteur de la ligne normale. Ceci est par défaut | Joue-le " |
| number | Un nombre qui sera multipliée par la taille de la police en cours pour régler la hauteur de la ligne | Joue-le " |
| length | A hauteur de la ligne fixe en px, pt, cm, etc. | Joue-le " |
| % | A hauteur de la ligne en pour cent de la taille de la police courante | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Autres exemples
Exemple
Spécifiez l'espace entre les lignes dans deux paragraphes à l'aide d'une valeur de pixel.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} Essayez - le vous - même » Exemple
Spécifiez l'espace entre les lignes dans deux paragraphes à l'aide d'une valeur numérique.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} Essayez - le vous - même » Pages associées
Tutoriel CSS: CSS texte
Référence HTML DOM: la lineHeight property