line-height stilining qiymati qanaqadir o'lchov birligiga ega raqam bo'lishi kerak emas. Bundan tashqari, oddiygina raqam yoki kasr yozishingiz mumkin. Bunday holda, chiziq balandligining hozirgi qiymatini shrift o'lchami qiymatiga ko'paytirish orqali xisoblanadi.
Masalan, shrift o'lchami 10px ga, line-height esa 1,5 ga teng. Bunday holda, line-height haqiqiy qiymati 10px * 1.5 = 15px bo'ladi. Xo'sh, matn satrlari orasidagi ko'rinadigan bo'shliq 5px bo'ladi. 15px - 10px = 5px.
Chiziq balandligini belgilashning ushbu usulining afzalligi shundaki, shrift o'lchamini o'zgartirganda, qatorlar oralig'i ham avtomatik ravishda o'zgaradi.
Keling, tasvirlangan misolni qo'llashni ko'rib chiqaylik
<p>
long text...
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}