Switch to full style
HTML code examples
Post a reply

reset the list counter

Thu Feb 23, 2012 8:12 pm

Using counter reset CSS property with nested list allow you to reset the items counter within the inner lists .
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
title>reset the list counter</title>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
style type='text/css'>
ol counter-reset:Item }
 </
style>

</
head>
<
body>
 <
p>
In this example we use reset counter propertyYou can notice 
the benefits of using this property when using nested lists
.  
 </
p>
<
ol>
  <
li>List 1 item 1</li>
  <
li>List 1 item 2
    
<ol>
      <
li>List 2 item 1</li>
      <
li>List 2 item 2
        
<ol>
          <
li>List 3 item 1</li>
          <
li>List 3 item 2</li>
        </
ol>

    </
li>
  <
li>List 2 item 3</li>
  </
ol>

  </
li>
  <
li>List 1 item 3</li>
</
ol>
</
body>
</
html>
 




Post a reply
  Related Posts  to : reset the list counter
 Connection Reset By Peer     -  
 jsp page counter     -  
 Writing a Counter to any PORT     -  
 File page counter in php     -  
 Use cookie to create page counter     -  
 Use cookie to create page counter     -  
 ramp Counter ANALOGUE TO DIGITAL CONVERSION (ADC)     -  
 old NASA style counter built from Swing components     -  
 List C++ implementation     -  
 Sort a list     -  

Topic Tags

HTML List