La valeur de line-height sans unité en CSS

La valeur de la propriété line-height n'a pas nécessairement besoin d'être un nombre avec une unité. On peut également simplement écrire un nombre ou une fraction. Dans ce cas, la valeur réelle de line-height peut être trouvée en multipliant ce nombre par la valeur de font-size.

Par exemple, si font-size est égal à 10px, et line-height est égal à 1.5. Dans ce cas, la valeur réelle de line-height sera 10px * 1.5 = 15px. Eh bien, et l'espace blanc visible entre les lignes de texte sera de 5px : 15px - 10px = 5px.

L'avantage de cette méthode pour définir line-height est que lors du changement de la taille de la police, l'interligne changera automatiquement.

Regardons l'application de ce qui a été décrit sur un exemple :

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 1.5;
	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. Utilisez pour cela une valeur de line-height sans unité.