CSS counter-reset Property
 Complete CSS Reference
Definition
The counter-reset property sets the value the counter is set to on each
occurrence of a selector. Default is 0.
Note: If "display: none" is used you should not be
able to reset the counter. If "visibility: hidden" is used you should
be able to reset the counter.
Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.counterReset="sub-section 2"
In our HTML DOM tutorial you can find a full
Style Object Reference.
Example
A way to number sections and sub-sections with
"Section 1", "1.1", "1.2", etc.
h1:before
{
content: "Section " counter(section) ". ";
/* Add 1 to section */
counter-increment: section;
/* Set sub-section to 0 */
counter-reset: sub-section;
}
h2:before
{
content: counter(section) "." counter(sub-section) " ";
counter-increment: sub-section;
}
|
Possible Values
| Value |
Description |
| none |
Default. No reset of the counter in the selector |
| identifier number |
The identifier defines a selector, id, or class that
should reset the counter. The number sets the value the counter is
set to on each occurrence of the selector. number can be a positive
number,zero, or a negative number |
Complete CSS Reference
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a free 30-day trial today!
|
HOME
Printer friendly page
