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 . Na,
o matoma balta tarpas tarp teksto eilučių
bus 10px * 1.5 = 15px5px: .
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:
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
Tegu šrifto dydis pastraipoms yra 30px.
Nustatykite savybę line-height taip,
kad matomas baltas tarpas tarp pastraipų
būtų 15px. Naudokite tam
line-height reikšmę be matavimo vienetų.