Matn oralig'i

Matn oralig'i

Ushbu bo'limda quyidagi xususiyatlar haqida bilib olasiz:

• text-indent

• letter-spacing

• line-height

• word-spacing

• white-space

Matn indentatsiyasi

text-indent xususiyati matnning birinchi qatorini xatboshi sifati joy tashlash uchun ishlatiladi:

CSS

p {
  text-indent: 50px;
}

W3Schools online HTML editorwww.w3schools.com

Letter Spacing

letter-spacing xususiyati matndagi belgilar (harflar) orasidagi masofani belgilash uchun ishlatiladi.

Ushbu misolda belgilar orasidagi masofani kattalashtirilish va kichraytirilishni qanday qilish ko'rsatilgan:

CSS

h1 {
  letter-spacing: 5px;
}

h2 {
  letter-spacing: -2px;
}

W3Schools online HTML editorwww.w3schools.com

Line height

line-height xususiyati qatorlar orasidagi masofani belgilaydi:

CSS

p.small {
  line-height: 0.8;
}

p.big {
  line-height: 1.8;
}

W3Schools online HTML editorwww.w3schools.com

Word spacing

word-spacing xususiyati matndagi so'zlar oralg'ini belgilash uchun ishlatiladi.

Quyidagi misolda so'zlar orasidagi masofa kattalashtirilish va kichraytirilishni qanday qilish ko'rsatilgan:

CSS

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

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

W3Schools online HTML editorwww.w3schools.com

White space

white-space xususiyati element matnidagi bo'sh joy va qator tashlashlarni boshqarishga yordam beradi.

Ushbu misolda element ichidagi matnni keyingi qatorga tushishini cheklash ko'rsatiladi:

CSS

p {
  white-space: nowrap;
}

W3Schools online HTML editorwww.w3schools.com

CSSning barcha matn orasini ochishga aloqador xususiyatlari

Xususiyat	Ta'rif
letter-spacing	Matndagi belgilar orasidagi masofani belgilaydi
line-height	Qatorlar orasidagi masofani belgilaydi
text-indent	Matn blokidagi birinchi qatorning chekinishini belgilaydi
white-space	Element ichidagi bo'sh joy qanday ishlov berilishini belgilaydi
word-spacing	Matndagi so'zlar orasidagi masofani belgilaydi