Reëlingspas in CSS

Kom ons leer nou hoe om reëlingspas vir teks in te stel. Met reëlingspas word die afstand tussen teksreëls bedoel, dit is die wit spasie tussen hulle. Hiervoor is die eienskap line-height bedoel, wat die hoogte van 'n teksreël spesifiseer.

By die gebruik van die eienskap line-height kan daar 'n bietjie van 'n kink in die kabel wees: hierdie eienskap stel nie die spasie tussen teksreëls in nie, soos dit dalk mag lyk nie, maar stel die hoogte van die teksreël in.

Dit beteken dat die werklike sigbare spasie tussen reëls so bereken sal word: line-height - font-size = sigbare afstand tussen teksreëls.

In die volgende voorbeeld sal die afstand tussen teksreëls 50px - 20px = 30px wees:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 50px;
	text-align: justify;
	width: 400px;
}

Laat die lettergrootte vir die paragrawe gelyk wees aan 30px. Stel die eienskap line-height so in, dat die sigbare wit spasie tussen die paragrawe gelyk is aan 15px.