counter()
CSS counter() funksiyasi nomlangan hisoblagichning (counter) joriy qiymatini string sifatida qaytaradi.
Misol
Sahifa uchun hisoblagich yarating (body selektorida). Har bir <h2> elementi uchun hisoblagich qiymatini oshiring va har bir <h2> elementidan oldin "Section <hisoblagich qiymati>:" matnini qo‘shing:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section) ": ";
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Brauzerlarda qo‘llab-quvvatlash
| Funksiya | |||||
|---|---|---|---|---|---|
| counter() | Ha | Ha | Ha | Ha | Ha |
CSS sintaksisi
counter(countername, 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 |
| 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:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section, upper-roman) ": ";
}
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: counters() funksiyasi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!