Open In App
Related Articles

HTML | DOM Style counterReset Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The Style counterReset property in HTML DOM is used to create or reset counters. This property is used with the counterincrement property and the content property.
Syntax: 
 

  • It is used to return the counterReset property. 
     
object.style.counterReset
  • It is used to set the counterReset property. 
     
object.style.counterReset = "none|name|number|initial|inherit"


Property values 
 

ValueDescription
noneIt is the default value no counter will be reset.
nameIt holds the name of the counter which counter will be reset.
numberIt holds the number which counter will be reset.
initialSet this property to it’s default value.
inheritInherits the property from it’s parent element.


Return Value:This method returns a string containing counter-increment property of element.
Example: 
 

html

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Style counterReset Property
    </title>
     
    <style>
        p:before {
            counter-increment: subj;
            content: "Subject " counter(subj) ": ";
        }
    </style>
</head>
 
<body>
     
    <h1>GeeksforGeeks</h1>
     
    <h2>
        HTML DOM Style counterReset Property
    </h2>
     
    <button onclick = "myFunction()">
        Click Here!
    </button>
     
    <h2>Computer Science Subjects</h2>
     
    <p>Data Structure</p>
    <p>Algorithm</p>
    <p>Operating System</p>
    <p>Computer Networks</p>
     
    <script>
        function myFunction() {
            document.body.style.counterReset = "subj";
        }
    </script>
</body>
 
</html>                   

                    

Output: 
Before click on the button: 
 


After click on the button: 
 


Supported Browsers: The browser supported by DOM counterReset property are listed below: 
 

  • Google Chrome 2
  • Edge 12
  • Internet Explorer 8
  • Firefox 1
  • Opera 9.2
  • Safari 3


 



Last Updated : 13 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads