Вредност на line-height без единици во CSS

Вредноста на својството line-height не мора да биде број во некои единици. Можете исто така едноставно да напишете број или дропка. Во овој случај, вистинската вредност на line-height ќе се најде со множење на неа со вредноста на font-size.

На пример, font-size е 10px, а line-height е 1.5. Во овој случај, реалната вредност на line-height ќе биде 10px * 1.5 = 15px. Па, а видливиот бел простор помеѓу линиите на текстот ќе биде 5px: 15px - 10px = 5px.

Предноста на овој начин на поставување на line-height е тоа што при промена на големината на фонтот, автоматски ќе се менува и растојанието помеѓу линиите.

Да го видиме применетото опишано на пример:

html<p>
  some long text
</p>

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

Результат: