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()`