सीएसएस काउंटर () फ़ंक्शन
उदाहरण
पृष्ठ के लिए एक काउंटर बनाएं (बॉडी चयनकर्ता में)। प्रत्येक <h2> तत्व के लिए काउंटर मान बढ़ाएँ, और प्रत्येक <h2> तत्व से पहले "अनुभाग < काउंटर का मान >:" टेक्स्ट जोड़ें:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section) ": ";
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
काउंटर () फ़ंक्शन एक स्ट्रिंग के रूप में नामित काउंटर का वर्तमान मान देता है।
संस्करण: | CSS3 |
---|
ब्राउज़र समर्थन
Function | |||||
---|---|---|---|---|---|
counter() | Yes | Yes | Yes | Yes | Yes |
सीएसएस सिंटेक्स
counter(countername,
counterstyle)
Value | Description |
---|---|
countername | Required. The name of the counter (which is the same name used for the counter-reset and counter-increment properties) |
counterstyle | Optional. The style of the counter (can be a list-style-type value) |
और ज्यादा उदाहरण
उदाहरण
काउंटर की शैली सेट करें:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section,
upper-roman) ": ";
}
संबंधित पृष्ठ
सीएसएस संदर्भ: सामग्री संपत्ति
CSS संदर्भ: काउंटर-इन्क्रीमेंट प्रॉपर्टी
सीएसएस संदर्भ: काउंटर-रीसेट संपत्ति