CSS ma’lumotnomasi
CSS xususiyatlari
A
| accent-color | Foydalanuvchi interfeysi boshqaruv elementlari uchun urg‘u rangini (accent color) belgilaydi |
| align-content | Elementlar mavjud bo‘sh joyning hammasini egallamaganda flex konteyner ichidagi qatorlar orasidagi tekislashni belgilaydi |
| align-items | Flex konteyner ichidagi elementlarning tekislanishini belgilaydi |
| align-self | Flex konteyner ichidagi tanlangan elementlarning tekislanishini belgilaydi |
| all | Barcha xususiyatlarni qayta o‘rnatadi (unicode-bidi va direction bundan mustasno) |
| animation | Barcha animation-* xususiyatlari uchun qisqartma xususiyat |
| animation-delay | Animatsiya boshlanishi uchun kechikishni belgilaydi |
| animation-direction | Animatsiya oldinga, orqaga yoki navbatma-navbat sikllarda ijro etilishini belgilaydi |
| animation-duration | Animatsiya bitta siklni qancha vaqtda tugatishi kerakligini belgilaydi |
| animation-fill-mode | Animatsiya ijro etilmayotgan paytda (boshlanishidan oldin, tugaganidan keyin yoki ikkala holatda) element uchun uslubni belgilaydi |
| animation-iteration-count | Animatsiya necha marta ijro etilishi kerakligini belgilaydi |
| animation-name | @keyframes animatsiyasi uchun nom belgilaydi |
| animation-play-state | Animatsiya ishlayotgani yoki pauza qilinganini belgilaydi |
| animation-timing-function | Animatsiyaning tezlik egri chizig‘ini belgilaydi |
| aspect-ratio | Elementning afzal ko‘rilgan tomonlar nisbatini (aspect ratio) belgilaydi |
B
| backdrop-filter | Element orqasidagi sohaga grafik effekt belgilaydi |
| backface-visibility | Element orqa tomoni bilan foydalanuvchiga qaraganda uning orqa yuzasi ko‘rinishi yoki ko‘rinmasligini belgilaydi |
| background | Barcha background-* xususiyatlari uchun qisqartma xususiyat |
| background-attachment | Fon rasmi sahifaning qolgan qismi bilan birga aylantiriladimi yoki qo‘zg‘almas bo‘ladimi, shuni belgilaydi |
| background-blend-mode | Har bir fon qatlamining (rang/rasm) aralashtirish rejimini belgilaydi |
| background-clip | Fon (rang yoki rasm) element ichida qanchalik uzoqqa yoyilishi kerakligini belgilaydi |
| background-color | Elementning fon rangini belgilaydi |
| background-image | Element uchun bir yoki bir nechta fon rasmini belgilaydi |
| background-origin | Fon rasmining boshlang‘ich joylashuvini belgilaydi |
| background-position | Fon rasmining joylashuvini belgilaydi |
| background-position-x | Fon rasmining x o‘qidagi joylashuvini belgilaydi |
| background-position-y | Fon rasmining y o‘qidagi joylashuvini belgilaydi |
| background-repeat | Fon rasmi takrorlanishi yoki qanday takrorlanishini belgilaydi |
| background-size | Fon rasmlarining o‘lchamini belgilaydi |
| block-size | Elementning blok yo‘nalishidagi o‘lchamini belgilaydi |
| border | border-width, border-style va border-color uchun qisqartma xususiyat |
| border-block | border-block-width, border-block-style va border-block-color uchun qisqartma xususiyat |
| border-block-color | Blok yo‘nalishidagi boshlang‘ich va oxirgi chegaralar rangini o‘rnatadi |
| border-block-end | border-block-end-width, border-block-end-style va border-block-end-color uchun qisqartma xususiyat |
| border-block-end-color | Blok yo‘nalishidagi oxirgi chegara rangini o‘rnatadi |
| border-block-end-style | Blok yo‘nalishidagi oxirgi chegara uslubini o‘rnatadi |
| border-block-end-width | Blok yo‘nalishidagi oxirgi chegara kengligini o‘rnatadi |
| border-block-start | border-block-start-width, border-block-start-style va border-block-start-color uchun qisqartma xususiyat |
| border-block-start-color | Blok yo‘nalishidagi boshlang‘ich chegara rangini o‘rnatadi |
| border-block-start-style | Blok yo‘nalishidagi boshlang‘ich chegara uslubini o‘rnatadi |
| border-block-start-width | Blok yo‘nalishidagi boshlang‘ich chegara kengligini o‘rnatadi |
| border-block-style | Blok yo‘nalishidagi boshlang‘ich va oxirgi chegaralar uslubini o‘rnatadi |
| border-block-width | Blok yo‘nalishidagi boshlang‘ich va oxirgi chegaralar kengligini o‘rnatadi |
| border-bottom | border-bottom-width, border-bottom-style va border-bottom-color uchun qisqartma xususiyat |
| border-bottom-color | Pastki chegara rangini o‘rnatadi |
| border-bottom-left-radius | Pastki chap burchak chegarasining radiusini belgilaydi |
| border-bottom-right-radius | Pastki o‘ng burchak chegarasining radiusini belgilaydi |
| border-bottom-style | Pastki chegara uslubini o‘rnatadi |
| border-bottom-width | Pastki chegara kengligini o‘rnatadi |
| border-collapse | Jadval chegaralari bitta chegaraga birlashishi yoki alohida bo‘lishini belgilaydi |
| border-color | To‘rtta chegaraning rangini o‘rnatadi |
| border-end-end-radius | Elementning block-end va inline-end tomonlari orasidagi burchak radiusini o‘rnatadi |
| border-end-start-radius | Elementning block-end va inline-start tomonlari orasidagi burchak radiusini o‘rnatadi |
| border-image | Barcha border-image-* xususiyatlari uchun qisqartma xususiyat |
| border-image-outset | Chegara rasmi sohasi chegara qutisidan (border box) qanchaga tashqariga chiqishini belgilaydi |
| border-image-repeat | Chegara rasmi takrorlanishi, yaxlitlanishi yoki cho‘zilishini belgilaydi |
| border-image-slice | Chegara rasmini qanday bo‘laklarga ajratishni belgilaydi |
| border-image-source | Chegara sifatida ishlatiladigan rasm yo‘lini belgilaydi |
| border-image-width | Chegara rasmining kengligini belgilaydi |
| border-inline | border-inline-width, border-inline-style va border-inline-color uchun qisqartma xususiyat |
| border-inline-color | Inline yo‘nalishidagi boshlang‘ich va oxirgi chegaralar rangini o‘rnatadi |
| border-inline-end | border-inline-end-width, border-inline-end-style va border-inline-end-color uchun qisqartma xususiyat |
| border-inline-end-color | Inline yo‘nalishidagi oxirgi chegara rangini o‘rnatadi |
| border-inline-end-style | Inline yo‘nalishidagi oxirgi chegara uslubini o‘rnatadi |
| border-inline-end-width | Inline yo‘nalishidagi oxirgi chegara kengligini o‘rnatadi |
| border-inline-start | border-inline-start-width, border-inline-start-style va border-inline-start-color uchun qisqartma xususiyat |
| border-inline-start-color | Inline yo‘nalishidagi boshlang‘ich chegara rangini o‘rnatadi |
| border-inline-start-style | Inline yo‘nalishidagi boshlang‘ich chegara uslubini o‘rnatadi |
| border-inline-start-width | Inline yo‘nalishidagi boshlang‘ich chegara kengligini o‘rnatadi |
| border-inline-style | Inline yo‘nalishidagi boshlang‘ich va oxirgi chegaralar uslubini o‘rnatadi |
| border-inline-width | Inline yo‘nalishidagi boshlang‘ich va oxirgi chegaralar kengligini o‘rnatadi |
| border-left | Barcha border-left-* xususiyatlari uchun qisqartma xususiyat |
| border-left-color | Chap chegara rangini o‘rnatadi |
| border-left-style | Chap chegara uslubini o‘rnatadi |
| border-left-width | Chap chegara kengligini o‘rnatadi |
| border-radius | To‘rtta border-*-radius xususiyati uchun qisqartma xususiyat |
| border-right | Barcha border-right-* xususiyatlari uchun qisqartma xususiyat |
| border-right-color | O‘ng chegara rangini o‘rnatadi |
| border-right-style | O‘ng chegara uslubini o‘rnatadi |
| border-right-width | O‘ng chegara kengligini o‘rnatadi |
| border-spacing | Qo‘shni kataklar chegaralari orasidagi masofani o‘rnatadi |
| border-start-end-radius | Elementning block-start va inline-end tomonlari orasidagi burchak radiusini o‘rnatadi |
| border-start-start-radius | Elementning block-start va inline-start tomonlari orasidagi burchak radiusini o‘rnatadi |
| border-style | To‘rtta chegaraning uslubini o‘rnatadi |
| border-top | border-top-width, border-top-style va border-top-color uchun qisqartma xususiyat |
| border-top-color | Yuqori chegara rangini o‘rnatadi |
| border-top-left-radius | Yuqori chap burchak chegarasining radiusini belgilaydi |
| border-top-right-radius | Yuqori o‘ng burchak chegarasining radiusini belgilaydi |
| border-top-style | Yuqori chegara uslubini o‘rnatadi |
| border-top-width | Yuqori chegara kengligini o‘rnatadi |
| border-width | To‘rtta chegaraning kengligini o‘rnatadi |
| bottom | Elementning ota element pastidan hisoblangan joylashuvini o‘rnatadi |
| box-decoration-break | Sahifa uzilishida yoki inline elementlar uchun qator uzilishida element foni va chegarasining xatti-harakatini o‘rnatadi. |
| box-reflect | box-reflect xususiyati elementning aksini (reflection) yaratish uchun ishlatiladi. |
| box-shadow | Elementga bir yoki bir nechta soya qo‘shadi |
| box-sizing | Element kengligi va balandligi qanday hisoblanishini belgilaydi: ular ichki bo‘shliq (padding) va chegaralarni o‘z ichiga oladimi yoki yo‘qmi |
| break-after | Ko‘rsatilgan elementdan keyin sahifa, ustun yoki hudud uzilishi sodir bo‘lishi yoki bo‘lmasligini belgilaydi |
| break-before | Ko‘rsatilgan elementdan oldin sahifa, ustun yoki hudud uzilishi sodir bo‘lishi yoki bo‘lmasligini belgilaydi |
| break-inside | Ko‘rsatilgan element ichida sahifa, ustun yoki hudud uzilishi sodir bo‘lishi yoki bo‘lmasligini belgilaydi |
C
| caption-side | Jadval sarlavhasining (caption) joylashuvini belgilaydi |
| caret-color | Input, textarea yoki tahrirlanadigan istalgan elementdagi kursor (caret) rangini belgilaydi |
| @charset | Uslublar jadvalida (style sheet) ishlatiladigan belgilar kodirovkasini belgilaydi |
| clear | Suzuvchi (float) element yonidagi element bilan nima sodir bo‘lishi kerakligini belgilaydi |
| clip | clip-path foydasiga eskirgan. Absolyut joylashtirilgan elementni qirqadi |
| clip-path | Elementni asosiy shakl yoki SVG manbasi bo‘yicha qirqadi |
| color | Matn rangini o‘rnatadi |
| color-scheme | Element operatsion tizimning qaysi rang sxemasi bilan render qilinishi kerakligini ko‘rsatadi |
| column-count | Element nechta ustunga bo‘linishi kerakligini belgilaydi |
| column-fill | Ustunlarni qanday to‘ldirishni — muvozanatli yoki muvozanatsiz — belgilaydi |
| column-gap | Ustunlar orasidagi bo‘shliqni belgilaydi |
| column-rule | Barcha column-rule-* xususiyatlari uchun qisqartma xususiyat |
| column-rule-color | Ustunlar orasidagi chiziq rangini belgilaydi |
| column-rule-style | Ustunlar orasidagi chiziq uslubini belgilaydi |
| column-rule-width | Ustunlar orasidagi chiziq kengligini belgilaydi |
| column-span | Element nechta ustun bo‘ylab cho‘zilishi kerakligini belgilaydi |
| column-width | Ustun kengligini belgilaydi |
| columns | column-width va column-count uchun qisqartma xususiyat |
| @container | Konteyner o‘lchami yoki uslubiga qarab konteyner ichidagi elementlar uchun uslublarni belgilaydi |
| content | Yaratilgan kontentni kiritish uchun :before va :after psevdo-elementlari bilan ishlatiladi |
| counter-increment | Bir yoki bir nechta CSS hisoblagichlari (counter) qiymatini oshiradi yoki kamaytiradi |
| counter-reset | Bir yoki bir nechta CSS hisoblagichlarini yaratadi yoki qayta o‘rnatadi |
| counter-set | Bir yoki bir nechta CSS hisoblagichlarini yaratadi yoki o‘rnatadi |
| @counter-style | O‘zingizning hisoblagich uslublaringizni belgilash imkonini beradi |
| cursor | Element ustiga olib borilganda ko‘rsatiladigan sichqoncha kursorini belgilaydi |
D
| direction | Matn yo‘nalishini/yozuv yo‘nalishini belgilaydi |
| display | Muayyan HTML element qanday ko‘rsatilishi kerakligini belgilaydi |
E
| empty-cells | Jadvaldagi bo‘sh kataklarda chegaralar va fonni ko‘rsatish yoki ko‘rsatmaslikni belgilaydi |
F
| filter | Element ko‘rsatilishidan oldin unga qo‘llaniladigan effektlarni (masalan, xiralashtirish yoki rangni siljitish) belgilaydi |
| flex | flex-grow, flex-shrink va flex-basis xususiyatlari uchun qisqartma xususiyat |
| flex-basis | Flex elementning boshlang‘ich uzunligini belgilaydi |
| flex-direction | Flex elementlarning yo‘nalishini belgilaydi |
| flex-flow | flex-direction va flex-wrap xususiyatlari uchun qisqartma xususiyat |
| flex-grow | Element qolganlariga nisbatan qanchalik kattalashishini belgilaydi |
| flex-shrink | Element qolganlariga nisbatan qanday kichrayishini belgilaydi |
| flex-wrap | Flex elementlar keyingi qatorga o‘tishi (wrap) yoki o‘tmasligini belgilaydi |
| float | Element chapga, o‘ngga suzishi (float) yoki umuman suzmasligini belgilaydi |
| font | font-style, font-variant, font-weight, font-size/line-height va font-family xususiyatlari uchun qisqartma xususiyat |
| @font-face | Matnni ko‘rsatish uchun ishlatiladigan maxsus shriftni belgilaydi |
| font-family | Matn uchun shrift oilasini belgilaydi |
| font-feature-settings | OpenType shriftlaridagi ilg‘or tipografik imkoniyatlarni boshqarish imkonini beradi |
| font-kerning | Kerning ma’lumotlaridan (harflar orasidagi masofa qanday bo‘lishidan) foydalanishni boshqaradi |
| font-language-override | Shrift garniturasidagi tilga xos gliflardan foydalanishni boshqaradi |
| @font-palette-values | font-palette standart qiymatlarini moslashtirish imkonini beradi |
| font-size | Matnning shrift o‘lchamini belgilaydi |
| font-size-adjust | Zaxira shrift ishlatilganda matnning o‘qilishi va o‘lchamini saqlab qoladi |
| font-stretch | Shrift oilasidan oddiy, siqilgan yoki kengaytirilgan ko‘rinishni tanlaydi |
| font-style | Matn uchun shrift uslubini belgilaydi |
| font-synthesis | Qaysi yetishmayotgan shrift ko‘rinishlarini (qalin yoki kursiv) brauzer sintez qilishi mumkinligini boshqaradi |
| font-variant | Matn kichik bosh harfli (small-caps) shriftda ko‘rsatilishi yoki ko‘rsatilmasligini belgilaydi |
| font-variant-alternates | @font-feature-values ichida belgilangan muqobil nomlarga bog‘langan muqobil gliflardan foydalanishni boshqaradi |
| font-variant-caps | Bosh harflar uchun muqobil gliflardan foydalanishni boshqaradi |
| font-variant-east-asian | Sharqiy Osiyo yozuvlari (masalan, yapon va xitoy) uchun muqobil gliflardan foydalanishni boshqaradi |
| font-variant-ligatures | U qo‘llaniladigan elementlarning matn kontentida qaysi ligaturalar va kontekstual shakllar ishlatilishini boshqaradi |
| font-variant-numeric | Sonlar, kasrlar va tartib belgilari uchun muqobil gliflardan foydalanishni boshqaradi |
| font-variant-position | Shriftning tayanch chizig‘iga (baseline) nisbatan yuqori indeks yoki quyi indeks sifatida joylashtirilgan kichikroq o‘lchamdagi muqobil gliflardan foydalanishni boshqaradi |
| font-weight | Shrift qalinligini belgilaydi |
G
| gap | row-gap va column-gap xususiyatlari uchun qisqartma xususiyat |
| grid | grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns va grid-auto-flow xususiyatlari uchun qisqartma xususiyat |
| grid-area | Grid elementi uchun nom belgilaydi yoki grid-row-start, grid-column-start, grid-row-end va grid-column-end xususiyatlari uchun qisqartma xususiyat vazifasini bajaradi |
| grid-auto-columns | Standart ustun o‘lchamini belgilaydi |
| grid-auto-flow | Avtomatik joylashtiriladigan elementlar gridga qanday qo‘yilishini belgilaydi |
| grid-auto-rows | Standart qator o‘lchamini belgilaydi |
| grid-column | grid-column-start va grid-column-end xususiyatlari uchun qisqartma xususiyat |
| grid-column-end | Grid elementi qayerda tugashini belgilaydi |
| grid-column-start | Grid elementi qayerdan boshlanishini belgilaydi |
| grid-row | grid-row-start va grid-row-end xususiyatlari uchun qisqartma xususiyat |
| grid-row-end | Grid elementi qayerda tugashini belgilaydi |
| grid-row-start | Grid elementi qayerdan boshlanishini belgilaydi |
| grid-template | grid-template-rows, grid-template-columns va grid-areas xususiyatlari uchun qisqartma xususiyat |
| grid-template-areas | Nomlangan grid elementlari yordamida ustun va qatorlarni qanday ko‘rsatishni belgilaydi |
| grid-template-columns | Grid maketidagi ustunlar o‘lchami va sonini belgilaydi |
| grid-template-rows | Grid maketidagi qatorlar o‘lchamini belgilaydi |
H
| hanging-punctuation | Tinish belgisi qator qutisidan (line box) tashqariga joylashtirilishi mumkinligini belgilaydi |
| height | Element balandligini o‘rnatadi |
| hyphens | Matn joylashuvini yaxshilash uchun so‘zlarni qanday bo‘lish kerakligini o‘rnatadi |
| hyphenate-character | Qator oxirida, so‘z bo‘linishidan (defis bilan ko‘chirishdan) oldin ishlatiladigan belgini o‘rnatadi |
I
| image-rendering | Rasmni masshtablash uchun ishlatiladigan algoritm turini belgilaydi |
| @import | Bir uslublar jadvalini boshqa uslublar jadvaliga import qilish imkonini beradi |
| initial-letter | Bosh harf (initial-letter) o‘lchamini va ixtiyoriy ravishda bosh harf matn ichida necha qator pastga cho‘kishi kerakligini belgilaydi |
| inline-size | Elementning inline yo‘nalishidagi o‘lchamini belgilaydi |
| inset | Element va ota element orasidagi masofani belgilaydi |
| inset-block | Blok yo‘nalishida element va ota element orasidagi masofani belgilaydi |
| inset-block-end | Blok yo‘nalishida element oxiri va ota element orasidagi masofani belgilaydi |
| inset-block-start | Blok yo‘nalishida element boshi va ota element orasidagi masofani belgilaydi |
| inset-inline | Inline yo‘nalishida element va ota element orasidagi masofani belgilaydi |
| inset-inline-end | Inline yo‘nalishida element oxiri va ota element orasidagi masofani belgilaydi |
| inset-inline-start | Inline yo‘nalishida element boshi va ota element orasidagi masofani belgilaydi |
| isolation | Element yangi qatlamlash kontekstini (stacking context) yaratishi shartmi yoki yo‘qmi, shuni belgilaydi |
J
| justify-content | Elementlar mavjud bo‘sh joyning hammasini egallamaganda flex konteyner ichidagi elementlar orasidagi tekislashni belgilaydi |
| justify-items | Grid konteyneriga o‘rnatiladi. Grid elementlarining inline yo‘nalishidagi tekislanishini belgilaydi |
| justify-self | Grid elementiga o‘rnatiladi. Grid elementining inline yo‘nalishidagi tekislanishini belgilaydi |
K
| @keyframes | Animatsiya ketma-ketligi bo‘ylab nuqtalar uchun uslublarni belgilash orqali animatsiya bosqichlarini boshqaradi |
L
| @layer | CSS kaskad qatlamlari uslublar tartibini qanday baholashini boshqaradi |
| left | Joylashtirilgan elementning chapdan joylashuvini belgilaydi |
| letter-spacing | Matndagi belgilar orasidagi masofani oshiradi yoki kamaytiradi |
| line-break | Qatorlar qanday uzilishini yoki umuman uzilish-uzilmasligini belgilaydi |
| line-height | Qator balandligini o‘rnatadi |
| list-style | Ro‘yxat uchun barcha xususiyatlarni bitta e’londa o‘rnatadi |
| list-style-image | Rasmni ro‘yxat elementi markeri sifatida belgilaydi |
| list-style-position | Ro‘yxat elementi markerlarining (nuqtalarining) joylashuvini belgilaydi |
| list-style-type | Ro‘yxat elementi markerining turini belgilaydi |
M
| margin | Barcha margin xususiyatlarini bitta e’londa o‘rnatadi |
| margin-block | Blok yo‘nalishidagi tashqi bo‘shliqni (margin) belgilaydi |
| margin-block-end | Blok yo‘nalishida oxiridagi tashqi bo‘shliqni (margin) belgilaydi |
| margin-block-start | Blok yo‘nalishida boshidagi tashqi bo‘shliqni (margin) belgilaydi |
| margin-bottom | Elementning pastki tashqi bo‘shlig‘ini (margin) o‘rnatadi |
| margin-inline | Inline yo‘nalishidagi tashqi bo‘shliqni (margin) belgilaydi |
| margin-inline-end | Inline yo‘nalishida oxiridagi tashqi bo‘shliqni (margin) belgilaydi |
| margin-inline-start | Inline yo‘nalishida boshidagi tashqi bo‘shliqni (margin) belgilaydi |
| margin-left | Elementning chap tashqi bo‘shlig‘ini (margin) o‘rnatadi |
| margin-right | Elementning o‘ng tashqi bo‘shlig‘ini (margin) o‘rnatadi |
| margin-top | Elementning yuqori tashqi bo‘shlig‘ini (margin) o‘rnatadi |
| marker | Element yo‘lining barcha cho‘qqilarida (birinchi, o‘rta va oxirgi) chiziladigan markerga ishora qiladi |
| marker-end | Element yo‘lining oxirgi cho‘qqisida chiziladigan markerga ishora qiladi |
| marker-mid | Element yo‘lining barcha o‘rta cho‘qqilarida chiziladigan markerga ishora qiladi |
| marker-start | Element yo‘lining birinchi cho‘qqisida chiziladigan markerga ishora qiladi |
| mask | mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size va mask-composite uchun qisqartma xususiyat |
| mask-clip | Niqob rasmi (mask image) qaysi sohaga ta’sir qilishini belgilaydi |
| mask-composite | Joriy niqob qatlamiga uning ostidagi niqob qatlamlari bilan birga qo‘llaniladigan kompozitsiya amalini belgilaydi |
| mask-image | Element uchun niqob qatlami sifatida ishlatiladigan rasmni belgilaydi |
| mask-mode | Niqob qatlami rasmi yorqinlik (luminance) niqobi yoki alfa niqob sifatida qaralishini belgilaydi |
| mask-origin | Niqob qatlami rasmining boshlang‘ich joylashuvini (niqob joylashuvi sohasini) belgilaydi |
| mask-position | Niqob qatlami rasmining boshlang‘ich joylashuvini (niqob joylashuvi sohasiga nisbatan) o‘rnatadi |
| mask-repeat | Niqob qatlami rasmi qanday takrorlanishini belgilaydi |
| mask-size | Niqob qatlami rasmining o‘lchamini belgilaydi |
| mask-type | SVG <mask> elementi yorqinlik (luminance) niqobi yoki alfa niqob sifatida qaralishini belgilaydi |
| max-height | Elementning maksimal balandligini o‘rnatadi |
| max-width | Elementning maksimal kengligini o‘rnatadi |
| @media | Turli media turlari/qurilmalar/o‘lchamlar uchun uslub qoidalarini o‘rnatadi |
| max-block-size | Elementning blok yo‘nalishidagi maksimal o‘lchamini o‘rnatadi |
| max-inline-size | Elementning inline yo‘nalishidagi maksimal o‘lchamini o‘rnatadi |
| min-block-size | Elementning blok yo‘nalishidagi minimal o‘lchamini o‘rnatadi |
| min-inline-size | Elementning inline yo‘nalishidagi minimal o‘lchamini o‘rnatadi |
| min-height | Elementning minimal balandligini o‘rnatadi |
| min-width | Elementning minimal kengligini o‘rnatadi |
| mix-blend-mode | Element kontenti bevosita ota elementning foni bilan qanday aralashishi kerakligini belgilaydi |
N
| @namespace | Uslublar jadvalida ishlatiladigan XML nomlar fazosini (namespace) belgilaydi |
O
| object-fit | Almashtiriladigan (replaced) element kontenti uning amaldagi balandligi va kengligi bilan hosil bo‘lgan qutiga qanday moslashtirilishini belgilaydi |
| object-position | Almashtiriladigan elementning o‘z qutisi ichidagi tekislanishini belgilaydi |
| offset | offset-anchor, offset-distance, offset-path, offset-position va offset-rotate xususiyatlari uchun qisqartma xususiyat |
| offset-anchor | Element bo‘ylab animatsiya qilinadigan yo‘lga mahkamlangan element nuqtasini belgilaydi |
| offset-distance | Animatsiyalangan element joylashtiriladigan yo‘l bo‘ylab pozitsiyani belgilaydi |
| offset-path | Element bo‘ylab animatsiya qilinadigan yo‘lni belgilaydi |
| offset-position | Elementning yo‘l bo‘ylab boshlang‘ich joylashuvini belgilaydi |
| offset-rotate | Element yo‘l bo‘ylab animatsiya qilinayotganda uning aylanishini belgilaydi |
| opacity | Elementning shaffoflik darajasini (opacity) o‘rnatadi |
| order | Flex elementning qolganlariga nisbatan tartibini o‘rnatadi |
| orphans | Sahifa yoki ustun pastida qolishi shart bo‘lgan qatorlarning minimal sonini o‘rnatadi |
| outline | outline-width, outline-style va outline-color xususiyatlari uchun qisqartma xususiyat |
| outline-color | Kontur (outline) rangini o‘rnatadi |
| outline-offset | Konturni siljitadi va uni chegara chetidan tashqarida chizadi |
| outline-style | Kontur uslubini o‘rnatadi |
| outline-width | Kontur kengligini o‘rnatadi |
| overflow |
Kontent element qutisidan toshib chiqsa nima sodir bo‘lishini belgilaydi |
| overflow-anchor |
Yuqorida yangi kontent yuklanganda aylantiriladigan (scrollable) konteynerning ko‘rinadigan sohasidagi kontent pastga surilishi yoki surilmasligini belgilaydi |
| overflow-wrap | Uzun so‘zlar konteynerdan toshib chiqsa, brauzer ularni bo‘lib, keyingi qatorga ko‘chira olishi yoki olmasligini belgilaydi |
| overflow-x | Kontent elementning kontent sohasidan toshib chiqsa, uning chap/o‘ng chetlarini qirqish yoki qirqmaslikni belgilaydi |
| overflow-y | Kontent elementning kontent sohasidan toshib chiqsa, uning yuqori/pastki chetlarini qirqish yoki qirqmaslikni belgilaydi |
| overscroll-behavior | x va y yo‘nalishlarida aylantirish zanjiri (scroll chaining) yoki overscroll effekti bo‘lishini belgilaydi |
| overscroll-behavior-block | Blok yo‘nalishida aylantirish zanjiri (scroll chaining) yoki overscroll effekti bo‘lishini belgilaydi |
| overscroll-behavior-inline | Inline yo‘nalishida aylantirish zanjiri (scroll chaining) yoki overscroll effekti bo‘lishini belgilaydi |
| overscroll-behavior-x | x yo‘nalishida aylantirish zanjiri (scroll chaining) yoki overscroll effekti bo‘lishini belgilaydi |
| overscroll-behavior-y | y yo‘nalishida aylantirish zanjiri (scroll chaining) yoki overscroll effekti bo‘lishini belgilaydi |
P
| padding | Barcha padding-* xususiyatlari uchun qisqartma xususiyat |
| padding-block | Blok yo‘nalishidagi ichki bo‘shliqni (padding) belgilaydi |
| padding-block-end | Blok yo‘nalishida oxiridagi ichki bo‘shliqni (padding) belgilaydi |
| padding-block-start | Blok yo‘nalishida boshidagi ichki bo‘shliqni (padding) belgilaydi |
| padding-bottom | Elementning pastki ichki bo‘shlig‘ini (padding) o‘rnatadi |
| padding-inline | Inline yo‘nalishidagi ichki bo‘shliqni (padding) belgilaydi |
| padding-inline-end | Inline yo‘nalishida oxiridagi ichki bo‘shliqni (padding) belgilaydi |
| padding-inline-start | Inline yo‘nalishida boshidagi ichki bo‘shliqni (padding) belgilaydi |
| padding-left | Elementning chap ichki bo‘shlig‘ini (padding) o‘rnatadi |
| padding-right | Elementning o‘ng ichki bo‘shlig‘ini (padding) o‘rnatadi |
| padding-top | Elementning yuqori ichki bo‘shlig‘ini (padding) o‘rnatadi |
| @page | Chop etiladigan sahifalarning o‘lchami, yo‘nalishi va chekkalarini (margin) sozlaydi |
| page-break-after | Elementdan keyingi sahifa uzilishi xatti-harakatini o‘rnatadi. break-after xususiyati bilan almashtirilgan |
| page-break-before | Elementdan oldingi sahifa uzilishi xatti-harakatini o‘rnatadi. break-before xususiyati bilan almashtirilgan |
| page-break-inside | Element ichidagi sahifa uzilishi xatti-harakatini o‘rnatadi. break-inside xususiyati bilan almashtirilgan |
| paint-order | SVG elementi yoki matn qanday tartibda chizilishini o‘rnatadi. |
| perspective | 3D joylashtirilgan elementga perspektiva beradi |
| perspective-origin | Foydalanuvchi 3D joylashtirilgan elementga qaysi nuqtadan qarayotganini belgilaydi |
| place-content | Flexbox va grid maketlari uchun align-content va justify-content xususiyatlari qiymatlarini belgilaydi |
| place-items | Grid maketlari uchun align-items va justify-items xususiyatlari qiymatlarini belgilaydi |
| place-self | Grid maketlari uchun align-self va justify-self xususiyatlari qiymatlarini belgilaydi |
| pointer-events | Element ko‘rsatkich (pointer) hodisalariga javob berishi yoki bermasligini belgilaydi |
| position | Element uchun ishlatiladigan joylashtirish usuli turini belgilaydi (static, relative, absolute yoki fixed) |
| @property | Hech qanday JavaScript ishga tushirmasdan to‘g‘ridan-to‘g‘ri uslublar jadvalida maxsus CSS xususiyatlarini belgilaydi |
Q
| quotes | Ichki iqtiboslar uchun qo‘shtirnoq turini o‘rnatadi |
R
| resize | Foydalanuvchi element o‘lchamini o‘zgartira oladimi (va qanday), shuni belgilaydi |
| right | Joylashtirilgan elementning o‘ngdan joylashuvini belgilaydi |
| rotate | Elementning aylanishini belgilaydi |
| row-gap | Grid qatorlari orasidagi bo‘shliqni belgilaydi |
S
| scale | Elementni kattalashtirish yoki kichraytirish orqali uning o‘lchamini belgilaydi |
| @scope | Haddan tashqari aniq selektorlar yozmasdan muayyan DOM quyi daraxtlaridagi elementlarni tanlash va ularni aniq nishonga olish imkonini beradi |
| scroll-behavior | Aylantiriladigan qutida aylantirish pozitsiyasi to‘g‘ridan-to‘g‘ri sakrash o‘rniga silliq animatsiya qilinishi yoki qilinmasligini belgilaydi |
| scroll-margin | Snap pozitsiyasi va konteyner orasidagi tashqi bo‘shliqni belgilaydi |
| scroll-margin-block | Blok yo‘nalishida snap pozitsiyasi va konteyner orasidagi tashqi bo‘shliqni belgilaydi |
| scroll-margin-block-end | Blok yo‘nalishida snap pozitsiyasi va konteyner orasidagi oxirgi tashqi bo‘shliqni belgilaydi |
| scroll-margin-block-start | Blok yo‘nalishida snap pozitsiyasi va konteyner orasidagi boshlang‘ich tashqi bo‘shliqni belgilaydi |
| scroll-margin-bottom | Pastki tomondagi snap pozitsiyasi va konteyner orasidagi tashqi bo‘shliqni belgilaydi |
| scroll-margin-inline | Inline yo‘nalishida snap pozitsiyasi va konteyner orasidagi tashqi bo‘shliqni belgilaydi |
| scroll-margin-inline-end | Inline yo‘nalishida snap pozitsiyasi va konteyner orasidagi oxirgi tashqi bo‘shliqni belgilaydi |
| scroll-margin-inline-start | Inline yo‘nalishida snap pozitsiyasi va konteyner orasidagi boshlang‘ich tashqi bo‘shliqni belgilaydi |
| scroll-margin-left | Chap tomondagi snap pozitsiyasi va konteyner orasidagi tashqi bo‘shliqni belgilaydi |
| scroll-margin-right | O‘ng tomondagi snap pozitsiyasi va konteyner orasidagi tashqi bo‘shliqni belgilaydi |
| scroll-margin-top | Yuqori tomondagi snap pozitsiyasi va konteyner orasidagi tashqi bo‘shliqni belgilaydi |
| scroll-padding | Konteynerdan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-block | Blok yo‘nalishida konteynerdan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-block-end | Blok yo‘nalishida konteyner oxiridan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-block-start | Blok yo‘nalishida konteyner boshidan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-bottom | Konteyner pastidan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-inline | Inline yo‘nalishida konteynerdan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-inline-end | Inline yo‘nalishida konteyner oxiridan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-inline-start | Inline yo‘nalishida konteyner boshidan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-left | Konteynerning chap tomonidan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-right | Konteynerning o‘ng tomonidan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-padding-top | Konteyner tepasidan bola elementlardagi snap pozitsiyasigacha bo‘lgan masofani belgilaydi |
| scroll-snap-align | Foydalanuvchi aylantirishni to‘xtatganda elementlarni qayerda joylashtirishni belgilaydi |
| scroll-snap-stop | Trekpad yoki sensorli ekranda tez surishdan keyingi aylantirish xatti-harakatini belgilaydi |
| scroll-snap-type | Aylantirish paytida snap xatti-harakati qanday bo‘lishi kerakligini belgilaydi |
| scrollbar-color | Element aylantirish panelining (scrollbar) rangini belgilaydi |
| shape-outside | Inline kontent atrofidan aylanib o‘tadigan shaklni belgilaydi |
| @starting-style | Element birinchi uslub yangilanishini olishidan oldingi boshlang‘ich uslublarini belgilaydi |
| @supports | Brauzer biror CSS imkoniyatini qo‘llab-quvvatlashini tekshirish uchun ishlatiladi |
T
| tab-size | Tabulyatsiya belgisining kengligini belgilaydi |
| table-layout | Jadval kataklari, qatorlari va ustunlarini joylashtirish uchun ishlatiladigan algoritmni belgilaydi |
| text-align | Matnning gorizontal tekislanishini belgilaydi |
| text-align-last | text-align "justify" bo‘lganda blokning oxirgi qatori yoki majburiy qator uzilishidan bevosita oldingi qator qanday tekislanishini tavsiflaydi |
| text-combine-upright | Bir nechta belgining bitta belgi joyiga birlashtirilishini belgilaydi |
| text-decoration | Matnga qo‘shiladigan bezakni belgilaydi |
| text-decoration-color | text-decoration rangini belgilaydi |
| text-decoration-line | text-decoration’dagi chiziq turini belgilaydi |
| text-decoration-style | Matn bezagidagi chiziq uslubini belgilaydi |
| text-decoration-thickness | Bezak chizig‘ining qalinligini belgilaydi |
| text-emphasis | text-emphasis-style va text-emphasis-color xususiyatlari uchun qisqartma xususiyat |
| text-emphasis-color | Urg‘u belgilarining rangini belgilaydi |
| text-emphasis-position | Urg‘u belgilarining joylashuvini belgilaydi |
| text-emphasis-style | Urg‘u belgilarining uslubini belgilaydi |
| text-indent | Matn blokidagi birinchi qatorning xatboshi chekinishini belgilaydi |
| text-justify | text-align "justify" bo‘lganda ishlatiladigan tekislash usulini belgilaydi |
| text-orientation | Qatordagi belgilarning yo‘nalishini (orientatsiyasini) belgilaydi |
| text-overflow | Matn uni o‘z ichiga olgan elementdan toshib chiqqanda nima sodir bo‘lishi kerakligini belgilaydi |
| text-shadow | Matnga soya qo‘shadi |
| text-transform | Matndagi harflarning katta-kichikligini boshqaradi |
| text-underline-offset | Tagchiziq matn bezagining siljish masofasini belgilaydi |
| text-underline-position | Tagchiziq matn bezagining joylashuvini belgilaydi |
| top | Joylashtirilgan elementning yuqoridan joylashuvini belgilaydi |
| transform | Elementga 2D yoki 3D transformatsiyani qo‘llaydi |
| transform-origin | Transformatsiya qilingan elementlarning joylashuvini o‘zgartirish imkonini beradi |
| transform-style | Ichma-ich joylashgan elementlar 3D fazoda qanday render qilinishini belgilaydi |
| transition | Barcha transition-* xususiyatlari uchun qisqartma xususiyat |
| transition-delay | O‘tish (transition) effekti qachon boshlanishini belgilaydi |
| transition-duration | O‘tish effekti tugashi uchun necha soniya yoki millisoniya ketishini belgilaydi |
| transition-property | O‘tish effekti qo‘llaniladigan CSS xususiyatining nomini belgilaydi |
| transition-timing-function | O‘tish effektining tezlik egri chizig‘ini belgilaydi |
| translate | Elementning joylashuvini belgilaydi |
U
| unicode-bidi | Bitta hujjatda bir nechta tilni qo‘llab-quvvatlash uchun matn yo‘nalishi qayta belgilanishi kerakligini o‘rnatish yoki qaytarish maqsadida direction xususiyati bilan birga ishlatiladi |
| user-select | Element matnini tanlash (belgilash) mumkin yoki mumkin emasligini belgilaydi |
V
| vertical-align | Elementning vertikal tekislanishini o‘rnatadi |
| visibility | Element ko‘rinadigan yoki ko‘rinmasligini belgilaydi |
W
| white-space | Element ichidagi bo‘sh joy belgilari (white-space) qanday qayta ishlanishini belgilaydi |
| widows | Sahifa yoki ustun tepasida qolishi shart bo‘lgan qatorlarning minimal sonini o‘rnatadi |
| width | Element kengligini o‘rnatadi |
| word-break | Qator oxiriga yetganda so‘zlar qanday bo‘linishi kerakligini belgilaydi |
| word-spacing | Matndagi so‘zlar orasidagi masofani oshiradi yoki kamaytiradi |
| word-wrap | Uzun, bo‘linmaydigan so‘zlarni bo‘lib, keyingi qatorga ko‘chirish imkonini beradi |
| writing-mode | Matn qatorlari gorizontal yoki vertikal joylashishini belgilaydi |
Z
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
