एचटीएमएल डोम स्टाइल काउंटर रीसेट संपत्ति

<घंटा/>

HTML DOM Style counterReset प्रॉपर्टी का उपयोग काउंटर को एक निश्चित मान पर रीसेट करने या एक बनाने के लिए किया जाता है। इसका उपयोग आमतौर पर काउंटर को बढ़ाने या घटाने के लिए काउंटर-इंक्रीमेंट प्रॉपर्टी के साथ किया जाता है।

−

. के लिए वाक्य रचना निम्नलिखित है

काउंटर रीसेट गुण सेट करना -

object.style.counterReset = "none|name number|initial|inherit"

उपरोक्त संपत्ति मूल्यों को इस प्रकार समझाया गया है -

मान <वें>विवरण
कोई नहीं	यह डिफ़ॉल्ट मान है जिसका अर्थ है कि कोई काउंटर रीसेट नहीं किया जाएगा।
name	इस काउंटर को दिए गए नाम से रीसेट करें जिसे रीसेट किया जाना चाहिए
idnumber	आईडी द्वारा दिए गए काउंटर को प्रत्येक चयनकर्ता घटना की संख्या द्वारा दिए गए मान पर सेट करता है। इसका डिफ़ॉल्ट रीसेट मान 0 है।
प्रारंभिक	इस गुण को प्रारंभिक मान पर पूर्वनिर्धारित करना।
उत्तराधिकारी	मूल संपत्ति मान को विरासत में मिला

आइए काउंटर रीसेट संपत्ति के लिए एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
   li::after {
      counter-increment: demo_var 10;
      content: " " counter(demo_var) ".";
   }
</style>
<script>
   function changeCounterReset(){
      document.getElementsByTagName("ul")[0].style.counterReset="demo_var";
      document.getElementById("Sample").innerHTML="The counter reset value for unordered list is    demo_var";
   }
</script>
</head>
<body>
   <ul>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
      <li>Demo =</li>
   </ul>
   <p>Change the above list counterReset value by clicking the below button</p>
   <button onclick="changeCounterReset()">Change counterReset</button>
   <p id="Sample"></p>
</body>
</html>

आउटपुट

एचटीएमएल डोम स्टाइल काउंटर रीसेट संपत्ति

“काउंटर रीसेट बदलें . पर क्लिक करने पर "बटन -

एचटीएमएल डोम स्टाइल काउंटर रीसेट संपत्ति