Ühikuta line-height väärtus CSS-is

Omaduse line-height väärtuseks ei pea tingimata olema mingis ühikus number. Võib kirjutada ka lihtsalt arvu või murdosa. Sel juhul leitakse tõeline line-height väärtus, korrutades selle font-size väärtusega.

Näiteks kui font-size on 10px, ja line-height on 1.5. Sel juhul on tegelik line-height väärtus 10px * 1.5 = 15px. Nähtav valge vahe tekstiridade vahel on 5px: 15px - 10px = 5px.

Sellise line-height määramise eelis on see, et fondi suuruse muutumisel muutub automaatselt ka reavahe.

Vaatame kirjeldatut rakendust näites:

html<p>
  some long text
</p>

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

Результат: