Linjeavstand i CSS
La oss nå lære å sette linjeavstand
for tekst. Med linjeavstand menes
avstanden mellom tekstlinjene,
det vil si det hvite mellomrommet mellom dem.
Dette oppnås med egenskapen line-height,
som setter høyden på tekstlinjen.
Ved bruk av egenskapen line-height
kan det være en liten fallgruve: denne egenskapen
angir ikke avstanden mellom tekstlinjene,
slik det kanskje kan virke som, men angir høyden
på tekstlinjen.
Dette betyr at det faktiske synlige mellomrommet
mellom linjene vil bli beregnet slik: line-height
- font-size = synlig avstand mellom
tekstlinjene.
I følgende eksempel vil avstanden mellom tekstlinjene
være 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
La skriftstørrelsen for avsnitt være 30px.
Sett egenskapen line-height slik
at det synlige hvite mellomrommet mellom avsnittene
blir 15px.
