Ü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 .
Nähtav valge vahe tekstiridade
vahel on 10px * 1.5 = 15px5px: .
15px - 10px
= 5px
Sellise line-height määramise eelis
on see, et fondi suuruse muutumisel
muutub automaatselt ka reavahe.
Vaatame kirjeldatut rakendust näites:
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
Olgu lõigete fondi suurus 30px.
Määrake omadus line-height nii,
et nähtav valge vahe lõigete vahel
oleks 15px. Kasutage selleks
ühikutut line-height väärtust.