CSS Counter Styles

The @counter-style CSS at-rule allows custom counter styles to be defined. A @counter-style rule defines how to convert a counter value into a string representation.

CSS Counters

Method of controlling number values in generated content, using the `counter-reset` and `counter-increment` properties.

counter api

counter api: identifier

counter api: liststyle

counter api: separator

csscounterstylerule api

csscounterstylerule api: additivesymbols

csscounterstylerule api: fallback

csscounterstylerule api: name

csscounterstylerule api: negative

csscounterstylerule api: pad

csscounterstylerule api: prefix

csscounterstylerule api: range

csscounterstylerule api: speakas

csscounterstylerule api: suffix

csscounterstylerule api: symbols

csscounterstylerule api: system

cssprimitivevalue api: getcountervalue

ext_disjoint_timer_query api: querycounterext

ext_disjoint_timer_query_webgl2 api: querycounterext

css at-rule: `@counter-style`: `additive-symbols`

css at-rule: `@counter-style`: `fallback`

css at-rule: `@counter-style`: `negative`

css at-rule: `@counter-style`: `pad`

css at-rule: `@counter-style`: `prefix`

css at-rule: `@counter-style`: `range`

css at-rule: `@counter-style`: `speak-as`

css at-rule: `@counter-style`: `suffix`

css at-rule: `@counter-style`: `symbols`

css at-rule: `@counter-style`: `system`

css property: counter-increment

css property: counter-increment: list-item

css property: counter-increment: none

css property: counter-reset: list-item

css property: counter-reset: none

css property: counter-reset: resets counter on current element (not sibling elements).

css property: counter-reset: `reversed()`

css property: counter-set

css property: counter-set: list-item

css property: counter-set: none

types: `counter()`

types: `counters()`