Line-height vērtība bez mērvienībām CSS

Īpašības line-height vērtībai nav obligāti jābūt skaitlim ar mērvienībām. Var arī vienkārši uzrakstīt skaitli vai daļskaitli. Šajā gadījumā reālo line-height vērtību varēs atrast, reizinot to ar font-size vērtību.

Piemēram, font-size ir 10px, bet line-height - 1.5. Šajā gadījumā reālā line-height vērtība būs 10px * 1.5 = 15px. Nu, bet redzamais baltais atstarpe starp teksta rindām būs 5px: 15px - 10px = 5px.

Šāda line-height noteikšanas veida priekšrocība ir tā, ka, mainot fonta izmēru, automātiski tiks mainīta arī starprindu atstarpe.

Apskatīsim aprakstītā pielietojumu piemērā:

<p>
	some long text
</p>

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

Lai fonta izmērs rindkopām ir 30px. Iestatiet īpašību line-height tā, lai redzamā balta atstarpe starp rindkopām būtu 15px. Izmantojiet tam line-height vērtību bez mērvienībām.