在此页

• 参考
• 指南
• 规范
• 浏览器兼容性
• 相关话题

CSS 计数器样式 is a module of CSS that lets you define your own counter styles.

参考

特性

• counter-increment
• counter-reset

At-rules

@counter-style

• system
• additive-symbols
• negative
• prefix
• suffix
• range
• pad
• speak-as
• fallback

指南

Using CSS counters

Describes how to use counters to number any HTML element or to perform complex counting.

规范

规范	状态	注释
CSS Counter Styles Level 3	候选推荐	初始定义。

浏览器兼容性

@counter-style rule

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
@counter-style	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
additive-symbols	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
fallback	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
negative	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
pad	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
prefix	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
range	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
speak-as	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
suffix	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
symbols	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No
system	Chrome 不支持 No	Edge 不支持 No	Firefox 完整支持 33	IE 不支持 No	Opera 不支持 No	Safari 不支持 No	WebView Android 不支持 No	Chrome Android 不支持 No	Firefox Android 完整支持 33	Opera Android 不支持 No	Safari iOS 不支持 No	Samsung Internet Android 不支持 No

图例

完整支持

完整支持

不支持

不支持

counter-increment property

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
counter-increment	Chrome 完整支持 2	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 8	Opera 完整支持 9.2	Safari 完整支持 3	WebView Android 完整支持 ≤37	Chrome Android 完整支持 18	Firefox Android 完整支持 25	Opera Android 完整支持 10.1	Safari iOS 完整支持 1	Samsung Internet Android 完整支持 1.0

图例

完整支持

完整支持

counter-reset property

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
counter-reset	Chrome 完整支持 2	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 8	Opera 完整支持 9.2	Safari 完整支持 3	WebView Android 完整支持 ≤37	Chrome Android 完整支持 18	Firefox Android 完整支持 25	Opera Android 完整支持 10.1	Safari iOS 完整支持 1	Samsung Internet Android 完整支持 1.0

图例

完整支持

完整支持

元数据

• 最后修改： Jul 7, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS 计数器样式
4. At-Rules

   1. @counter-style
5. 特性

   1. <custom-ident>
   2. counter-increment
   3. counter-reset
   4. counter-set