Pomen line-height brez enot v CSS

Vrednost lastnosti line-height ni nujno število z enotami. Lahko preprosto napišete število ali decimalno število. V tem primeru dejansko vrednost line-height dobite tako, da pomnožite to število z vrednostjo font-size.

Na primer, font-size je 10px, line-height pa 1.5. V tem primeru bo dejanska vrednost line-height 10px * 1.5 = 15px. Vidni beli prostor med vrsticami besedila pa bo 5px: 15px - 10px = 5px.

Prednost tega načina določanja line-height je v tem, da se ob spremembi velikosti pisave samodejno spremeni tudi medvrstični razmik.

Oglejmo si uporabo opisanega na primeru:

html<p>
  some long text
</p>

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

Результат: