CSS lists and counters

The CSS lists and counters module enables styling and positioning of list item bullets and manipulating their values with a combination of strings, counters, and other features.

A list item's marker, whether a bullet symbol or ordinal counter, is its defining feature. List items are not limited to

  • elements nested within
      or
        elements. Rather, list items are any element with display: list-item set.

        This module defines CSS features to set and reset a list's counters, set which counter-styles or symbols to use as its markers, and position those markers. It also provides developers with the ability to create customized markers.

  • Reference

    Properties

    There is also a marker-side property, which is yet to be fully defined or implemented.

    Pseudo-elements

    Functions

    Data types

    Guides

    Consistent list indentation

    Explains how to achieve consistent list indentation across different browsers.

    Using CSS Counters

    Explains how to use the CSS counter properties to control list counters.

    Specifications

    Specification
    CSS Lists and Counters Module Level 3

    See also