Yksiköttömän line-height-arvon merkitys CSS:ssä

Ominaisuuden line-height arvon ei välttämättä tarvitse olla jossakin yksikössä ilmaistu numero. Voit myös kirjoittaa pelkän luvun tai murtoluvun. Tässä tapauksessa todellinen line-height -arvo saadaan kertomalla se font-size -arvolla.

Esimerkiksi, font-size on 10px, ja line-height on 1.5. Tässä tapauksessa todellinen line-height -arvo tulee olemaan 10px * 1.5 = 15px. No, ja näkyvä valkoinen väli tekstirivejen välillä on 5px: 15px - 10px = 5px.

Tämän tavan etu line-height -arvon asettamisessa on, että fontin koon muuttuessa riviväli muuttuu automaattisesti.

Katsotaanpa kuvatun soveltamista esimerkissä:

<p>
	some long text
</p>

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

Olkoon fontin koko kappaleille 30px. Aseta ominaisuus line-height siten, että näkyvä valkoinen väli kappaleiden välillä on 15px. Käytä tähän yksikötöntä line-height -arvoa.