CSSda o‘lchov birligisiz line-height qiymati

line-height xususiyatining qiymati har doim biron bir o‘lchov birligidagi son bo‘lishi shart emas. Shunchaki raqam yoki kasr son ham yozish mumkin. Bunday holda, haqiqiy line-height qiymatini topish uchun uni font-size qiymatiga ko‘paytirish kerak bo‘ladi.

Misol uchun, font-size 10px ga teng, line-height esa 1.5 ga teng. Bu holda line-height ning haqiqiy qiymati 10px * 1.5 = 15px bo‘ladi. Xo‘sh, matn qatorlari orasidagi ko‘rinadigan oq joy 5px bo‘ladi: 15px - 10px = 5px.

line-height ni shu tarzda belgilashning afzalligi shundaki, shrift o‘lchami o‘zgarganda, qatorlararo interval ham avtomatik ravishda o‘zgaradi.

Keling, tavsiflangan narsani misolda ko‘rib chiqamiz:

<p>
	some long text
</p>

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

Abzatslar uchun shrift o‘lchami 30px ga teng bo‘lsin. line-height xususiyatini abzatslar orasidagi ko‘rinadigan oq joy 15px ga teng bo‘ladigan qilib belgilang. Buning uchun o‘lchov birligisiz line-height qiymatidan foydalaning.