CSSCounterStyleRule
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2023.
The CSSCounterStyleRule interface represents an @counter-style at-rule.
Instance properties
This interface also inherits properties from its parent CSSRule.
CSSCounterStyleRule.name-
A string that contains the serialization of the
<custom-ident>defined as thenamefor the associated rule. CSSCounterStyleRule.system-
A string that contains the serialization of the
systemdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.symbols-
A string that contains the serialization of the
symbolsdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.additiveSymbols-
A string that contains the serialization of the
additive-symbolsdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.negative-
A string that contains the serialization of the
negativedescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.prefix-
A string that contains the serialization of the
prefixdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.suffix-
A string that contains the serialization of the
suffixdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.range-
A string that contains the serialization of the
rangedescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.pad-
A string that contains the serialization of the
paddescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.speakAs-
A string that contains the serialization of the
speak-asdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.fallback-
A string that contains the serialization of the
fallbackdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string.
Instance methods
This interface doesn't implement any specific method but inherits methods from its parent CSSRule.
Specifications
| Specification |
|---|
| CSS Counter Styles Level 3 # the-csscounterstylerule-interface |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
CSSCounterStyleRule
|
|
|
|
|
|
|
|
|
|
|
|
|
additiveSymbols
|
|
|
|
|
|
|
|
|
|
|
|
|
fallback
|
|
|
|
|
|
|
|
|
|
|
|
|
name
|
|
|
|
|
|
|
|
|
|
|
|
|
negative
|
|
|
|
|
|
|
|
|
|
|
|
|
pad
|
|
|
|
|
|
|
|
|
|
|
|
|
prefix
|
|
|
|
|
|
|
|
|
|
|
|
|
range
|
|
|
|
|
|
|
|
|
|
|
|
|
speakAs
|
|
|
|
|
|
|
|
|
|
|
|
|
suffix
|
|
|
|
|
|
|
|
|
|
|
|
|
symbols
|
|
|
|
|
|
|
|
|
|
|
|
|
system
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
@counter-style- CSS counter styles module
- Using CSS counters guide