CSS Counter StylesBaseline 2023Newly availableSince September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.Learn moreSee full compatibilityReport feedbackThe CSS Counter Styles module allows to define custom counter styles, which can be used for CSS list-marker and generated-content counters.Interfaces CSSCounterStyleRule Represents an @counter-style rule. SpecificationsSpecificationCSS Counter Styles Level 3 # the-csscounterstylerule-interfaceBrowser compatibilitydesktopmobileChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung InternetWebView AndroidCSSCounterStyleRuleFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historyadditiveSymbolsFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historyfallbackFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historynameFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historynegativeFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historypadFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historyprefixFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historyrangeFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historyspeakAsFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historysuffixFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historysymbolsFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historysystemFull supportChrome91Toggle historyFull supportEdge91Toggle historyFull supportFirefox33Toggle historyFull supportOpera77Toggle historyFull supportSafari17Toggle historyFull supportChrome Android91Toggle historyFull supportFirefox for Android33Toggle historyFull supportOpera Android64Toggle historyFull supportSafari on iOS17Toggle historyFull supportSamsung Internet16.0Toggle historyFull supportWebView Android91Toggle historySee also CSS counter styles module Using CSS counters