CSS'те бирдиксиз line-height мааниси

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;
}

Результат:

Задание 1

Абзацтар үчүн шрифттин көлөмү 30px болсун. line-height касиетин абзацтар ортосундагы көрүнгөн ак аралык 15px болгон кылып орнотуңуз. Бул үчүн бирдиксиз line-height маанисин колдонуңуз.