Kuptimi i line-height pa njësi në CSS

Vlera e vetive line-height nuk duhet domosdoshmërisht të jetë një numër në disa njësi. Mund të shkruani thjesht një numër ose thyesë. Në këtë rast, vlera e vërtetë e line-height mund të gjendet duke shumëzuar atë me vlerën e font-size.

Për shembull, font-size është 10px, dhe line-height - 1.5. Në këtë rast, vlera reale e line-height do të jetë 10px * 1.5 = 15px. E pra, dhe hendeku i dukshëm i bardhë midis rreshtave të tekstit do të jetë 5px: 15px - 10px = 5px.

Përparësia e kësaj metode të caktimit të line-height është se kur ndryshon madhësia e shkronjave, automatikisht do të ndryshojë edhe distanca midis rreshtave.

Le të shohim zbatimin e përshkruar me një shembull:

<p>
	some long text
</p>

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

Le të jetë madhësia e shkronjave për paragrafët 30px. Vendosni vetinë line-height në mënyrë që hendeku i dukshëm i bardhë midis paragrafëve të jetë 15px. Përdorni për këtë vlerën line-height pa njësi.