CSS-da qatorlar orasidagi interval

Keling, endi matn uchun qatorlar orasidagi intervalni belgilashni o‘rganaylik. Qatorlar orasidagi interval deganida matn qatorlari orasidagi masofa, ya’ni ular orasidagi oq bo‘shliq tushuniladi. Buning uchun line-height xususiyati mo‘ljallangan bo‘lib, u matn qatorining balandligini belgilaydi.

line-height xususiyatidan foydalanganda sizni biroz hayratda qoldirishi mumkin: bu xususiyat matn qatorlari orasidagi bo‘shliqni belgilamaydi, go‘yo shunday bo‘lishi mumkidek, balki matn qatorining balandligini belgilaydi.

Bu shuni anglatadiki, qatorlar orasidagi haqiqiy ko‘rinadigan bo‘shliq quyidagicha hisoblanadi: line-height - font-size = matn qatorlari orasidagi ko‘rinadigan masofa.

Quyidagi misolda matn qatorlari orasidagi masofa 50px - 20px = 30px bo‘ladi:

<p>
	some long text
</p>

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

Abzatslar uchun shrift o‘lchami 30px bo‘lsin. line-height xususiyatini shunday belgilangki, abzatslar orasidagi ko‘rinadigan oq bo‘shliq 15px ga teng bo‘lsin.