A line-height értéke mértékegység nélkül CSS-ben

A line-height tulajdonság értékének nem feltétlenül kell számnak lennie valamilyen mértékegységben. Egyszerűen írhatunk csak számot vagy törtet is. Ebben az esetben a line-height valódi értékét úgy kaphatjuk meg, hogy megszorozzuk a font-size értékével.

Például a font-size értéke 10px, a line-height értéke pedig 1.5. Ebben az esetben a line-height valódi értéke 10px * 1.5 = 15px lesz. Nos, a látható fehér részek a szövegsorok között 5px lesznek: 15px - 10px = 5px.

Ennek a line-height megadási módnak az előnye az, hogy a betűméret megváltoztatásakor automatikusan a sorköz is megváltozik.

Nézzük meg a leírtak alkalmazását egy példán:

<p>
	some long text
</p>

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

Legyen a betűméret a bekezdéseknél 30px. Állítsa be a line-height tulajdonságot úgy, hogy a bekezdések közötti látható fehér részek 15px legyenek. Használjon ehhez line-height értéket mértékegység nélkül.