W3SCHOOLS
  • Dasturlashni dunyodagi eng katta dasturchilar saytidan o'rganing
  • HTML
    • Boshlash
      • Tanishuv
      • Editorlar
      • Boshlang'ich
      • Elementlar
      • Atributlar
      • Headinglar
      • Paragraflar
      • Style
      • Formatlash
      • Iqtiboslar
      • Izohlar
      • Ranglar
        • RGB
        • HEX
        • HSL
      • CSS
      • Havolalar
        • Havola ranglari
        • Havola bookmarklari
      • Rasmlar
        • Rasmlar
        • Rasm xaritalari
        • Orqafon rasmlar
        • Picture elementi
      • Favicon
      • Sahifa sarlavhasi
      • Ro'yxatlar
        • Tartiblanmagan ro'yxat
        • Tartiblangan ro'yxat
        • Tarifli ro'yxatlar
      • Block & Inline
      • Div elementi
      • Klasslar
      • Semantika
  • CSS
    • CSS qo'llanma
      • CSS HOME
      • CSS Tanishuv
      • CSS Sintaksis
      • CSS Selektorlar
      • CSS qanday qo'shiladi
      • CSS Izohlar
      • CSS Ranglar
        • RGB
        • HEX
        • HSL
      • CSS Matn
        • Matn ranggi
        • Matn joylashuvi
        • Text decoration
        • Text transform
        • Matn oralig'i
        • Text shadow
      • CSS Backgroundlar
        • Background color
        • Background image
        • Background repeat
        • Background attachment
        • Background shorthand
    • CSS Borderlar
      • Chegara kengligi
      • Chegara rangi
      • Chegara tomonlari
      • Border qisqarmasi
      • Yumaloq chegaralar
    • CSS Marginlar
      • Margin collapse
    • CSS Padding
    • CSS Width/Height
Powered by GitBook
On this page
  • Matn oralig'i
  • Matn indentatsiyasi
  • Letter Spacing
  • Line height
  • Word spacing
  • White space
  • CSSning barcha matn orasini ochishga aloqador xususiyatlari
  1. CSS
  2. CSS qo'llanma
  3. CSS Matn

Matn oralig'i

PreviousText transformNextText shadow

Last updated 1 year ago

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:

p {
  text-indent: 50px;
}

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:

h1 {
  letter-spacing: 5px;
}

h2 {
  letter-spacing: -2px;
}

Line height

line-height xususiyati qatorlar orasidagi masofani belgilaydi:

p.small {
  line-height: 0.8;
}

p.big {
  line-height: 1.8;
}

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:

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

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

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:

p {
  white-space: nowrap;
}

CSSning barcha matn orasini ochishga aloqador xususiyatlari

Xususiyat
Ta'rif

Matndagi belgilar orasidagi masofani belgilaydi

Qatorlar orasidagi masofani belgilaydi

Matn blokidagi birinchi qatorning chekinishini belgilaydi

Element ichidagi bo'sh joy qanday ishlov berilishini belgilaydi

Matndagi so'zlar orasidagi masofani belgilaydi

letter-spacing
line-height
text-indent
white-space
word-spacing
W3Schools online HTML editor
W3Schools online HTML editor
W3Schools online HTML editor
W3Schools online HTML editor
W3Schools online HTML editor
Logo
Logo
Logo
Logo
Logo