<counter>

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

/* Usage 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.

1+
1+
3+
12+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC