Line-height reikšmė be matavimo vienetų CSS

Savybės line-height reikšmė nebūtinai turi būti skaičius su kokiais nors matavimo vienetais. Taip pat galima tiesiog parašyti skaičių arba trupmeną. Tokiu atveju tikroji line-height reikšmė bus randama, padauginus ją iš font-size reikšmės.

Pavyzdžiui, font-size yra 10px, o line-height - 1.5. Šiuo atveju faktinė line-height reikšmė bus 10px * 1.5 = 15px. Na, o matoma balta tarpas tarp teksto eilučių bus 5px: 15px - 10px = 5px.

Šio line-height nurodymo būdo pranašumas yra tas, kad keičiant šrifto dydį automatiškai keisis ir tarpai tarp eilučių.

Pažiūrėkime aprašyto pritaikymą pavyzdyje:

html<p>
  some long text
</p>

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

Результат: