La propriété CSS line-height permet de spécifier la hauteur du texte des éléments sur lesquels elle est appliquée.
p {
line-height:20px;
}
Elle permet de spécifier la taille d’un bloc de texte, à la différence des autres blocs, le texte inséré ne sort pas du bloc, il n’y a donc pas de dépassement.
Les valeurs possibles sont :
- normal
- numérique(pixel px, pourcentage %, point pt ou em)
- inherit , héritant de l’élément parent.
Cette propriété peut être utile pour définir un haut de page par exemple.
Exemple :
CSS
p{
line-height:30px;
background-color:chocolate;
}
HTML
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit. </p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.