Interligne en CSS
Apprenons maintenant à définir l'interligne
d'un texte. Par interligne,
on entend la distance entre les lignes
de texte, c'est-à-dire l'espace blanc entre elles.
Pour cela, la propriété line-height est prévue,
elle définit la hauteur de ligne du texte.
Lors de l'utilisation de la propriété line-height,
un piège peut vous attendre : cette propriété
ne définit pas l'espacement entre les lignes de texte,
comme on pourrait le penser, mais définit la hauteur
de la ligne de texte.
Cela signifie que l'espacement visible réel
entre les lignes sera calculé ainsi : line-height
- font-size = distance visible entre
les lignes de texte.
Dans l'exemple suivant, la distance entre les lignes
de texte sera 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Supposons que la taille de police pour les paragraphes soit de 30px.
Définissez la propriété line-height de manière
à ce que l'espace blanc visible entre les paragraphes
soit égal à 15px.
