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="/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="/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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
CSSCounterStyleRule | Chrome No support No | Edge No support No | Firefox Full support 33 | IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 33 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support
