CSSдаги сатрлар ораси интервал

Ҳозир матн учун сатрлар ораси интервални қандай белгилашни ўрганамиз. Сатрлар ораси интервал деб матн сатрлари орасидаги масофа, яъни улар орасидаги оқ бўшлиқ тушунилади. Бунинг учун line-height хусусияти ишлатилади, у матн сатрининг баландлигини белгилайди.

line-height хусусиятини ишлатишда сизни бир муаммо кутмоғи мумкин: бу хусусият сиз ўйлагандек, матн сатрлари орасидаги бўшлиқни белгиламайди, балки матн сатрининг баландлигини белгилайди.

Демак, сатрлар орасидаги кўринувчи бўшлиқ шундай ҳисобланади: line-height - font-size = матн сатрлари орасидаги кўринувчи масофа.

Қуйидаги мисолда матн сатрлари орасидаги масофа 50px - 20px = 30px бўлади:

<p>
	some long text
</p>

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

Абзацлар учун шрифт ўлчами 30px деб ҳисоблансин. line-height хусусиятини шундай белгилангки, абзацлар орасидаги кўринувчи оқ бўшлиқ 15px га тенг бўлсин.