The CSSCounterStyleRule interface represents an @counter-style at-rule.
Inheritance
This interface inherits from the following parent interfaces:
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/CSSRule" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">CSSRule</text></a><polyline points="76,25 86,20 86,30 76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/CSSCounterStyleRule" target="_top"><rect x="116" y="1" width="190" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="211" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">CSSCounterStyleRule</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Properties
This interface also inherits properties from its parent CSSRule.
CSSCounterStyleRule.name- Is a
DOMStringobject that contains the serialization of the<counter-style-name>defined for the associated rule. CSSCounterStyleRule.system- Is a
DOMStringobject that contains the serialization of thesystemdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.symbols- Is a
DOMStringobject that contains the serialization of thesymbolsdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.additiveSymbols- Is a
DOMStringobject that contains the serialization of theadditive-symbolsdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.negative- Is a
DOMStringobject that contains the serialization of thenegativedescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.prefix- Is a
DOMStringobject that contains the serialization of theprefixdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.suffix- Is a
DOMStringobject that contains the serialization of thesuffixdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.range- Is a
DOMStringobject that contains the serialization of therangedescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.pad- Is a
DOMStringobject that contains the serialization of thepaddescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.speakAs- Is a
DOMStringobject that contains the serialization of thespeak-asdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string. CSSCounterStyleRule.fallback- Is a
DOMStringobject that contains the serialization of thefallbackdescriptor defined for the associated rule. If the descriptor was not specified in the associated rule, the attribute returns an empty string.
Methods
This interface doesn't implement any specific method but inherits methods from its parent CSSRule.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Counter Styles Level 3 The definition of 'CSSCounterStyleRule' in that specification. |
Candidate Recommendation | Initial definition |
Browser compatibility
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | No support | No support | 33.0 (33.0) | No support | No support | No support |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | No support | 33.0 (33.0) | No support | No support | No support |