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ä:

html<p>
  some long text
</p>

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

Результат: