CSS counter-increment गुण

व्याख्या और उपयोग

counter-increment विशेषता किसी चयनकर्ता की प्रत्येक उपस्थिति के लिए काउंटर वृद्धि सेट करती है। मूलभूत वृद्धि 1 है।

व्याख्या

इस विशेषता का उपयोग करके, काउंटर किसी वाल्यू को बढ़ा सकता है (या कम कर सकता है)। यदि number वाल्यू प्रदान नहीं किया जाता है, तो मूलभूत वाल्यू 1 है।

टिप्पणी:यदि "display: none" इस्तेमाल किया गया है, तो गिनती नहीं बढ़ सकती। अगर "visibility: hidden" इस्तेमाल किया गया है, तो गिनती बढ़ सकती है।

दूसरे देखें:

CSS संदर्भ दस्तावेज़:CSS :बीफोर प्सेउड-एलिमेंट

CSS संदर्भ दस्तावेज़:CSS :आफ्टर प्सेउड-एलिमेंट

CSS संदर्भ दस्तावेज़:content एट्रिब्यूट

CSS संदर्भ दस्तावेज़:counter-reset एट्रिब्यूट

CSS फ़ंक्शन:counter() फ़ंक्शन

HTML DOM संदर्भ दस्तावेज़:counterIncrement एट्रिब्यूट

इंस्टांस

अंश और उप-अंश को गिनाना (जैसे "Section 1"、"1.1"、"1.2") के तरीके:

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) ";
  }

अपने आप प्रयास करें

CSS व्याकरण

counter-increment: none|id|initial|inherit;

एट्रिब्यूट मूल्य

मूल्य वर्णन
none डिफ़ॉल्ट। चयनकर्ता में कोई गिनती वृद्धि नहीं है。
id number

id जो गिनती वृद्धि करने के लिए चयनकर्ता, id या class को निर्धारित करें।

number वृद्धि निर्धारित करें। number पूर्ण संख्या, शून्य या नकारात्मक संख्या हो सकता है。
inherit counter-increment एट्रिब्यूट के मूल्य को पिता एलिमेंट से विरासत करना निर्धारित करना है。

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: none
विरासतीयता: no
संस्करण: CSS2
JavaScript व्याकरण: object.style.counterIncrement="subsection"

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

तालिका में दिए गए नंबर इस एट्रिब्यूट को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण है。

च्रोम आईई / एज फ़ायरफॉक्स सैफारी ओपेरा
4.0 8.0 2.0 3.1 9.6

टिप्पणी:यदि !DOCTYPE निर्धारित किया गया है, तो Internet Explorer 8 (और उससे ऊपर) counter-increment एट्रिब्यूट को समर्थित करता है。