सीएसएस counters() फ़ंक्शन

परिभाषा और उपयोग

सीएसएस का counters() फ़ंक्शन नामक काउंटर और गहन काउंटर के वर्तमान मूल्य को स्ट्रिंग रूप में वापस करता है।

यहाँ, हम इसका प्रयोग करते हैं counters() फ़ंक्शन विभिन्न स्तर के गहन काउंटर के बीच एक स्ट्रिंग घुसाता है।

उदाहरण

उदाहरण 1

यहाँ, हम इसका प्रयोग करते हैं counters() फ़ंक्शन विभिन्न स्तर के गहन काउंटर के बीच एक स्ट्रिंग (एक बिंदु) घुसाता है:

ol {
  counter-reset: section;
  list-style-type: none;
}
li::before {
  counter-increment: section;
  content: counters(section,".") " ";
}

अपने आप प्रयोग करें

उदाहरण 2

काउंटर की शैली सेट करें और कनेक्शन श्रृंखला को "-" के रूप में सेट करें:

ol {
  counter-reset: section;
  list-style-type: none;
}
li::before {
  counter-increment: section;
  content: counters(section, "-", lower-alpha) " ";
}

अपने आप प्रयोग करें

सीएसएस व्याकरण

counters(countername, string, counterstyle)
मूल्य वर्णन
countername

आवश्यक। काउंटर का नाम (counter-reset और counter-increment अभियोगता के साथ इसी नाम का प्रयोग किया जाता है)।

ध्यान दें कि नाम के वर्ण को अलग देखें।
string आवश्यक। कनेक्शन श्रृंखला। किसी भी संख्या के टेक्स्ट चारकटर हो सकते हैं।
counterstyle

विकल्पी। काउंटर की शैली (यह list-style-type वल्यू, @counter-style नाम या symbols() फ़ंक्शन हो सकता है)।

मूलभूत मूल्य डिजिटल है।

तकनीकी विवरण

संस्करण: सीएसएस3

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन

相关页面

ट्यूटोरियल:CSS काउंटर

संदर्भ:CSS कंटेंट गुण

संदर्भ:CSS काउंटर-इनक्रीमेंट गुण

संदर्भ:CSS काउंटर-रीसेट गुण

संदर्भ:CSS @counter-style नियम

संदर्भ:CSS counter() फ़ंक्शन