CSS suffix Descriptor

The CSS suffix descriptor is used with the @counter-style at-rule to add a suffix to the marker representation.

The @counter-style rule accepts a name, followed by a number of descriptors, which define the counter style. The suffix descriptor can be used to append a symbol to the marker representation. This suffix appears after any negative sign (i.e. if using negative values).

Here's an example of using the suffix descriptor.

If your browser supports the @counter-style at-rule, the above code could result in a list that looks something like this:

Example of an ordered list styled with a suffix. — An ordered list with text appended to each marker representation.

Possible Values

The suffix descriptor accepts the following values.

The symbol can be a string, image, or custom-ident.

The initial value is "\2E\20" (. full stop followed by a space).

Official Specifications

The suffix descriptor is defined in CSS Counter Styles Level 3 (W3C Candidate Recommendation, 11 June 2015).