CSS additive-symbols Descriptor
additive-symbols descriptor is used with the
@counter-style at-rule to specify an additive tuple that is to be used if the system is
@counter-style rule accepts a name, followed by a number of descriptors, which define the counter style. The
additive-symbols descriptor allows you to to specify symbols to be used for counter representations when the value of the
system descriptor is
An additive tuple consists of a counter symbol and a non-negative integer weight. The additive tuples must be specified in order of descending weight.
Here's an example of using the
If your browser supports the
@counter-style at-rule, the above code could result in a list that looks something like this:
additive-symbols descriptor accepts the following values.
The integer represents the non-negative integer weight.
The symbol can be a string, image, or custom-ident, and the three types can be mixed in a single descriptor.
Counter representations are constructed by concatenating counter symbols together. Identifiers are rendered as strings containing the same characters. Images are rendered as inline replaced elements. The default object size of an image counter symbol is a 1em by 1em square.
additive-symbols descriptor is defined in CSS Counter Styles Level 3 (W3C Candidate Recommendation, 11 June 2015).