<counter> | CSS Types & Functions

A function used in the 'content' property to display the current value of a CSS counter as text.

Quick example

h2::before {
  /* Displays the 'section-count' counter value */
  content: "Section " counter(section-count) ": ";
}

Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+