CSS Text Spacing

Matnni Joylash

Ushbu bobda quyidagi xususiyatlar haqida o'rganasiz:

• text-indent
• letter-spacing
• line-height
• word-spacing
• white-space

Matnni Kirish

text-indent xususiyati matnning birinchi qatorining kirishini belgilash uchun ishlatiladi:

Misol

p {
  text-indent: 50px;
}

Harflar Oraliqlari

letter-spacing xususiyati matndagi harflar orasidagi bo'shliqni belgilaydi.

Quyidagi misol harflar orasidagi bo'shliqni oshirish yoki kamaytirish usulini ko'rsatadi:

Misol

h1 {
  letter-spacing: 5px;
}
 
h2 {
  letter-spacing: -2px;
}

Qator Balandligi

line-height xususiyati qatorlar orasidagi bo'shliqni belgilaydi:

Misol

p.small {
  line-height: 0.8;
}
 
p.big {
  line-height: 1.8;
}

So'z Oraliqlari

word-spacing xususiyati matndagi so'zlar orasidagi bo'shliqni belgilaydi.

Quyidagi misol so'zlar orasidagi bo'shliqni oshirish yoki kamaytirish usulini ko'rsatadi:

Misol

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

Oq Bo'shliq

white-space xususiyati element ichidagi oq bo'shliqni qanday boshqarishni belgilaydi.

Bu misol element ichidagi matnni qadoqlashni o'chirish usulini ko'rsatadi:

Misol

p {
  white-space: nowrap;
}

CSS Matnni Joylash Xususiyatlari