Reavahe CSS-is
Õpime nüüd määrama teksti reavahet. Reavahe all mõistetakse
kaugust tekstiridade vahel, see tähendab valget tühikut nende vahel.
Selleks on mõeldud omadus line-height,
mis määrab tekstirea kõrguse.
Omaduse line-height kasutamisel võib teid oodata
mingi konks: see omadus ei määra teksti ridade vahelist tühikut,
nagu võiks arvata, vaid määrab tekstirea kõrguse.
See tähendab, et tegelik nähtav tühik
ridade vahel arvutatakse nii: line-height
- font-size = nähtav kaugus
teksti ridade vahel.
Järgmises näites on kaugus teksti ridade
vahel 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Olgu lõigute fondi suurus 30px.
Määrake omadus line-height nii,
et lõikude vaheline nähtav valge tühik
oleks 15px.
