Matn oraliqlari

CSS matn oralig‘i

CSS’da matn oraliqlarini boshqarish uchun bir nechta xususiyat mavjud.

Bu bobda quyidagi xossalar haqida bilib olasiz:

CSS text-indent xossasi matn blokida birinchi qator kiritmasini (indent) belgilash uchun ishlatiladi.

Maslahat: Manfiy qiymatlar ruxsat etilgan. Qiymat manfiy bo‘lsa, birinchi qator chapga kiritiladi.

Matn blokida matnning birinchi qatorini kiritish (indent):

p {
text-indent: 50px;
}

CSS letter-spacing xossasi matndagi belgilar orasidagi bo‘shliqni belgilash uchun ishlatiladi.

Maslahat: Negative values are allowed.

Belgilar orasidagi bo‘shliqni kattalashtirish va kichraytirish:

h1 {
letter-spacing: 5px;
}

h2 {
letter-spacing: -2px;
}

CSS line-height xossasi qatorlar orasidagi bo‘shliqni belgilash uchun ishlatiladi.

Eslatma: Manfiy qiymatlarga ruxsat berilmaydi.

Qatorlar orasidagi bo‘shliqni belgilash:

p.small {
line-height: 0.8;
}

p.big {
line-height: 1.8;
}

CSS word-spacing xossasi matndagi so‘zlar orasidagi bo‘shliqni belgilash uchun ishlatiladi.

Maslahat: Negative values are allowed.

So‘zlar orasidagi bo‘shliqni kattalashtirish va kichraytirish:

p.one {
word-spacing: 10px;
}

p.two {
word-spacing: -2px;
}

CSS white-space xossasi element ichidagi bo‘sh joy qanday ishlanishini belgilaydi.

Bu xossa quyidagi qiymatlardan biriga ega bo‘lishi mumkin:

Element ichidagi matnni o‘rashni qanday o‘chirish mumkin

p {
white-space: nowrap;
}

Xususiyat	Tavsif
letter-spacing	Matndagi belgilar orasidagi bo‘shliqni belgilaydi
line-height	Qator balandligini belgilaydi
text-indent	Matn-blokdagi birinchi qatorning chekinishini belgilaydi
white-space	Element ichidagi bo‘sh joyni qanday ishlatishni belgilaydi
word-spacing	Matndagi so‘zlar orasidagi bo‘shliqni belgilaydi

Yutuqlaringizni kuzating – bu bepul!