CSS – Interligne

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

Essayez la propriété line-height .

Par exemple, la taille de police 12px et la distance 4px par rapport aux lignes inférieure et supérieure:

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

Ou avec des unités em

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

En retard à cette fête, mais je voulais append.

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

Essayez cette propriété

 line-height:200%; 

ou

 line-height:17px; 

utiliser l’augmentation et la diminution du volume

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

Dans votre fichier CSS

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

Dans votre fichier HTML

 

bla bla bla bla bla bla
bla bla bla bla bla bla
bla bla bla bla bla bla

-> Jouez avec cet extrait sur jsfiddle.net

Vous pouvez également augmenter la line-height de ligne pour un contrôle précis de l’espacement des lignes:

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

Vous ne pouvez pas définir l’espacement inter-paragraphes en CSS en utilisant la hauteur de ligne, l’espacement entre les blocs

. Cela définit plutôt l’interligne intra-paragraphe, l’espace entre les lignes dans un bloc

. C’est-à-dire que la hauteur de ligne est l’interlignage du typographe dans le paragraphe qui est contrôlé par la hauteur de la ligne.

Je ne connais actuellement aucune méthode en CSS pour produire (par exemple) un inter-

0.15em, que ce soit en utilisant des variantes em ou rem sur une propriété de police. Je pense que cela peut être fait avec des flotteurs ou des décalages plus complexes. Dommage que cela soit nécessaire en CSS.

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

 line-height: size; 

Essayez la propriété line-height ; il y a plusieurs façons d’atsortingbuer une hauteur de ligne