Linjeafstand i CSS
Lad os nu lære at indstille linjeafstanden
for tekst. Med linjeafstand menes afstanden mellem tekstlinjer,
altså det hvide mellemrum mellem dem.
Dette gøres med egenskaben line-height,
der angiver højden på en tekstlinje.
Ved brug af egenskaben line-height
kan der være en lille faldgrube: denne egenskab
angiver ikke mellemrummet mellem tekstlinjer,
som man måske kunne tro, men angiver højden
på tekstlinjen.
Det betyder, at det reelle synlige mellemrum
mellem linjer beregnes sådan: line-height
- font-size = synlig afstand mellem
tekstlinjer.
I det følgende eksempel vil afstanden mellem tekstlinjer
vare 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Lad skriftstørrelsen for afsnit være 30px.
Indstil egenskaben line-height sådan,
at det synlige hvide mellemrum mellem afsnit
er lig med 15px.
