Waarde van line-height zonder eenheden in CSS

De waarde van de eigenschap line-height hoeft niet per se een getal met eenheid te zijn. Je kunt ook gewoon een getal of breuk schrijven. In dit geval kan de werkelijke waarde van line-height worden gevonden door deze te vermenigvuldigen met de waarde van font-size.

Stel, font-size is 10px, en line-height is 1.5. In dit geval is de werkelijke waarde van line-height 10px * 1.5 = 15px. Nou, en de zichtbare witte ruimte tussen de tekstregels zal 5px zijn: 15px - 10px = 5px.

Het voordeel van het op deze manier instellen van line-height is dat wanneer de lettergrootte verandert, de regelafstand automatisch mee verandert.

Laten we de beschreven toepassing bekijken in een voorbeeld:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 1.5;
	text-align: justify;
	width: 400px;
}

Stel dat de lettergrootte voor alinea's 30px is. Stel de eigenschap line-height zo in, dat de zichtbare witte ruimte tussen de alinea's 15px is. Gebruik hiervoor een line-height waarde zonder eenheden.