@counter-style
Misol
Ro‘yxat uchun maxsus hisoblagich uslubini belgilang:
@counter-style crown {
system: cyclic;
symbols: "\1F451";
suffix: " ";
}
ul {
list-style: crown;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS @counter-style qoidasi maxsus hisoblagich uslublarini aniqlash uchun ishlatiladi.
@counter-style qoidasi oldindan belgilangan uslublar talabingizga mos kelmaganda o‘z hisoblagich uslublaringizni aniqlash imkonini beradi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar at-qoidani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| At-qoida | |||||
|---|---|---|---|---|---|
| @counter-style | 91 | 91 | 33 | 17 | 77 |
CSS sintaksisi
@counter-style countername {
one or more descriptors
}
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| countername | Hisoblagich uslubi uchun katta-kichik harflarni farqlaydigan nomni belgilaydi. Eslatma: Hisoblagich nomi none, decimal, disc, square, circle, disclosure-open yoki disclosure-closed bo‘lishi mumkin emas |
| system | Hisoblagichning butun sonli qiymatini stringga aylantirish uchun ishlatiladigan algoritmni belgilaydi. Agar system qiymati cyclic, numeric, alphabetic, symbolic yoki fixed bo‘lsa, symbols deskriptori majburiy. Agar system qiymati additive bo‘lsa, additive-symbols deskriptori majburiy |
| symbols | Agar system deskriptori cyclic, numeric, alphabetic, symbolic yoki fixed qiymatiga o‘rnatilgan bo‘lsa, majburiy. Marker uchun ishlatiladigan belgilarni aniqlaydi (stringlar, rasmlar yoki maxsus identifikatorlar bo‘lishi mumkin). HTML UTF-8 belgilari |
| additive-symbols | Agar system deskriptori additive qiymatiga o‘rnatilgan bo‘lsa, majburiy. Additiv tizimlar uchun additiv juftliklarni (tuple) aniqlaydi. Rim raqamlari kabi additiv hisoblagich tizimlari vaznga ega belgilar ketma-ketligidan iborat. Deskriptor hisoblagich belgilari va ularning manfiy bo‘lmagan butun sonli vaznlaridan iborat ro‘yxat bo‘lib, vazn bo‘yicha kamayish tartibida keltiriladi |
| negative | Qiymat manfiy bo‘lsa, marker ko‘rinishining oxiriga/boshiga qo‘shiladigan belgini aniqlaydi |
| prefix | Marker ko‘rinishining boshiga qo‘shiladigan belgini aniqlaydi |
| suffix | Marker ko‘rinishining oxiriga qo‘shiladigan belgini aniqlaydi |
| range | Hisoblagich uslubi uchun qiymatlar oralig‘ini aniqlaydi. Agar hisoblagich qiymati oraliqdan tashqarida bo‘lsa, u zaxira (fallback) uslubiga qaytadi |
| pad | Marker ko‘rinishlari minimal uzunlikka ega bo‘lishi kerak bo‘lganda ishlatiladi. Masalan, hisoblagichlar 01 dan boshlanib, 02, 03, 04 va hokazo tarzda davom etishini istasangiz, pad deskriptoridan foydalaning. Ko‘rsatilgan pad qiymatidan katta hisoblagichlar uchun marker odatdagidek hosil qilinadi |
| speak-as | Nutq sintezatorlari hisoblagich uslubini qanday o‘qishini aniqlaydi (masalan, tartiblangan ro‘yxatlar uchun sonlar yoki harflar sifatida, tartiblanmagan ro‘yxatlar uchun esa ovozli signallar sifatida) |
| fallback | Tizim markerni hosil qila olmasa yoki qiymat ko‘rsatilgan oraliqdan tashqarida bo‘lsa, qaytiladigan zaxira tizimning hisoblagich nomini aniqlaydi. Agar zaxira hisoblagichlar ko‘rsatilmagan bo‘lsa yoki zaxira tizim hisoblagich qiymatini ifodalay olmasa, decimal uslubiga qaytiladi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!