Définir l'interligne

Comment puis-je définir l'interligne avec CSS, comme nous pouvons le définir dans MS Word?

Essayez la propriété line-height .

Par exemple, 12px font-size et 4px distants des lignes inférieure et supérieure:

line-height: 20px; /* 4px +12px + 4px */

Ou avec des emunités

line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666  */

Vous pouvez également utiliser une valeur sans unité, qui est le nombre de lignes: line-height: 2;est à double interligne, line-height: 1.5;est un et demi, etc.

Vous ne pouvez pas définir l'espacement inter-paragraphes dans CSS en utilisant la hauteur de ligne, l'espacement entre les <p>blocs. Cela définit à la place l'espacement des lignes intra-paragraphe, l'espace entre les lignes dans un <p>bloc. Autrement dit, la hauteur de ligne est l'interligne du typographe dans le paragraphe est contrôlée par la hauteur de ligne.

Je ne connais actuellement aucune méthode en CSS pour produire (par exemple) un <p>espacement de 0,15em , que ce soit en utilisant des variantes em ou rem sur une propriété de police. Je soupçonne que cela peut être fait avec des flotteurs ou des compensations plus complexes. Dommage que cela soit nécessaire en CSS.

Si vous voulez des lignes condensées, vous pouvez définir la même valeur pour font-sizeetline-height

Dans votre fichier CSS

.condensedlines {              
    font-size:   10pt;
    line-height: 10pt;  /* try also a bit smaller line-height */
}

Dans votre fichier HTML

<p class="condensedlines">
bla bla bla bla bla bla <br>
bla bla bla bla bla bla <br>
bla bla bla bla bla bla <br>
</p>

-> Jouez avec cet extrait sur jsfiddle.net

Vous pouvez également augmenter le line-heightcontrôle de l'espacement des lignes fines:

.mylinespacing {
    font-size:   10pt;
    line-height: 14pt; /* 14 = 10 + 2 above + 2 below */
}

Essayez cette propriété

line-height:200%;

ou

line-height:17px;

utiliser l'augmentation et diminuer le volume

Je ne sais pas si c'est ce que vous vouliez dire:

line-height: size;

Essayez la line-heightpropriété; il existe de nombreuses façons d'attribuer la hauteur de ligne

Ouais, comme tout le monde le dit, line-heightc'est la chose. Toutes les polices que vous utilisez, un caractère à mi-hauteur (comme un ou ■, ne passe pas par le haut ou le bas) devrait aller avec la même hauteur de longueur à line-height: 0.6la 0.65.

<div style="line-height: 0.65; font-family: 'Fira Code', monospace, sans-serif">
aaaaa<br>
aaaaa<br>
aaaaa<br>
aaaaa<br>
aaaaa
</div>
<br>
<br>

<div style="line-height: 0.6; font-family: 'Fira Code', monospace, sans-serif">
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■
</div>
<br>
<br>
<strong>BUT</strong>
<br>
<br>
<div style="line-height: 0.65; font-family: 'Fira Code', monospace, sans-serif">
ddd<br>
ƒƒƒ<br>
ggg
</div>

lineSpacing est utilisé dans React Native (ou dans les applications mobiles natives).

Pour le Web, vous pouvez utiliser letterSpacing(ou letter-spacing)