Web platform features explorer

@counter-style

The @counter-style CSS at-rule sets custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.

Status

Baseline Widely Available (since 2026-03-18)

MDN documentation

Specifications

Browser support (view on caniuse.com)

  • Chrome 91 Released on 2021-05-25
  • Chrome Android 91 Released on 2021-05-25
  • Edge 91 Released on 2021-05-27
  • Firefox 33 Released on 2014-10-14
  • Firefox for Android 33 Released on 2014-10-14
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

Usage (according to Chrome Platform Status)

~0.292% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist