Die waarde van line-height sonder eenhede in CSS

Die waarde van die eienskap line-height hoef nie 'n getal met eenhede te wees nie. Jy kan ook net 'n getal of breuk skryf. In hierdie geval kan die werklike waarde van line-height gevind word deur dit te vermenigvuldig met die waarde van font-size.

Byvoorbeeld, font-size is gelyk aan 10px, en line-height is 1.5. In hierdie geval sal die werklike waarde van line-height wees 10px * 1.5 = 15px. Wel, en die sigbare wit spasie tussen die reëls van die teks sal wees 5px: 15px - 10px = 5px.

Die voordeel van hierdie manier om line-height te stel is dat wanneer die lettergrootte verander, die reëlafstand outomaties ook sal verander.

Laat ons die beskryfde toepassing in 'n voorbeeld sien:

<p>
	some long text
</p>

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

Laat die lettergrootte vir die paragrawe gelyk wees aan 30px. Stel die eienskap line-height so, dat die sigbare wit spasie tussen die paragrawe gelyk is aan 15px. Gebruik vir hierdie doel 'n line-height waarde sonder eenhede.