# Property Description

The counter-reset property creates or resets one or more counters.

This property is typically used with the `content` and `counter-increment` properties.

# Property Values

Value | Description
--- | ---
none | (default) No counters will be reset
id number | The id defines which counter should be reset. The number sets the value the counter is set to on each occurrence of the selector. The default reset value is 0
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example prepends a number to all h2 headings, incrementing the value for each.

    h1 {
      counter-reset:section;
    }

    h2:before {
      counter-increment:section;
      content:counter(section) ". ";
    }

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | No
Defined In: | CSS2