Ichma-ich hisoblagichlar
CSS bilan ikkita hisoblagichdan foydalanish
Turli raqamlash darajalari uchun bir nechta hisoblagich yaratish mumkin. Quyidagi misol sahifa uchun bitta ("section" nomli) va har bir <h1> elementi uchun bitta ("subsection" nomli) hisoblagich yaratadi:
Misol
body {
counter-reset: section;
}
h1 {
counter-reset: subsection;
}
h1::before {
counter-increment:
section;
content: "Section " counter(section) ". ";
}
h2::before {
counter-increment: subsection;
content:
counter(section) "." counter(subsection) " ";
}
O‘zingiz sinab ko‘ring »
CSS counters() funksiyasi
counters() funksiyasi nomlangan va ichma-ich hisoblagichlarning joriy qiymatlarini string sifatida qaytaradi.
Bu yerda ichma-ich hisoblagichlarning turli darajalari orasiga string qo‘yish uchun counters() funksiyasidan foydalanamiz:
Misol
ol {
counter-reset: section;
list-style-type: none;
}
li::before {
counter-increment: section;
content: counters(section,".") " ";
}
O‘zingiz sinab ko‘ring »
CSS Counter xossalari
| Xususiyat | Tavsif |
|---|---|
| content | Yaratilgan tarkibni kiritish uchun ::oldin va ::pseudo-elementlar bilan ishlatiladi |
| counter-increment | Bir yoki bir nechta hisoblagich (counter) qiymatini oshiradi |
| counter-reset | Bir yoki bir nechta hisoblagichlarni yaratadi yoki qayta o‘rnatadi |
| counter() | Nomlangan hisoblagichning joriy qiymatini qaytaradi |
| counters() | Nomlangan va o‘rnatilgan hisoblagichlarning joriy qiymatlarini qaytaradi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!