Арзиши 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;
}

Результат:

Задание 1

Бигзор андозаи ҳарф барои абзасҳо баробар ба 30px бошад. Хосияти line-height-ро чунон таъин кунед, ки фосилаи сафед дидашаванда байни абзасҳо баробар ба 15px бошад. Барои ин аз арзиши line-height бе воҳидҳо истифода баред.