counters()
CSS counters() funksiyasi nomlangan va ichma-ich joylashgan hisoblagichlarning joriy qiymatlarini string sifatida qaytaradi.
Misol
Bu yerda ichma-ich joylashgan hisoblagichlarning turli darajalari orasiga string (nuqta) qo‘yish uchun counters() funksiyasidan foydalanamiz:
ol {
counter-reset: section;
list-style-type: none;
}
li::before {
counter-increment: section;
content: counters(section,".") " ";
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Brauzerlarda qo‘llab-quvvatlash
| Funksiya | |||||
|---|---|---|---|---|---|
| counters() | Ha | Ha | Ha | Ha | Ha |
CSS sintaksisi
counters(countername, string, counterstyle)
| Qiymat | Tavsif |
|---|---|
| countername | Majburiy. Hisoblagich nomi (counter-reset va counter-increment xususiyatlarida ishlatiladigan nom bilan bir xil). E’tibor bering, nom katta-kichik harflarni farqlaydi |
| string | Majburiy. Bog‘lovchi string. Istalgan miqdordagi matn belgilari |
| counterstyle | Ixtiyoriy. Hisoblagich uslubi (list-style-type qiymati, @counter-style nomi yoki symbols() funksiyasi bo‘lishi mumkin). Standart qiymat: decimal |
| Versiya: | CSS3 |
|---|
Ko‘proq misollar
Misol
Hisoblagich uslubini belgilang, shuningdek bog‘lovchi stringni "-" qilib o‘rnating:
ol {
counter-reset: section;
list-style-type: none;
}
li::before {
counter-increment: section;
content: counters(section, "-", lower-alpha) " ";
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS hisoblagichlari.
CSS ma’lumotnomasi: content xususiyati.
CSS ma’lumotnomasi: counter-increment xususiyati.
CSS ma’lumotnomasi: counter-reset xususiyati.
CSS ma’lumotnomasi: @counter-style qoidasi.
CSS ma’lumotnomasi: counter() funksiyasi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!