CSS 计数器样式
CSS 计数器样式模块允许你定义自己的计数器样式,以管理列表中的标记和生成内容中计数器的外观。它还使你能够使用自己的自定义设置来扩展本机浏览器列表样式。
虽然我们认为计数器是数字,但它们实际上是带有可以递增的组件的字符串。计数器样式模块定义了具有十个描述符的@counter-style规则,使开发人员能够精确地定义如何将计数器转换为字符串。此模块允许定义用于计数器项目符号的字符、放在计数器之前的前缀和放在计数器之后的后缀,以及如何处理负值。描述符还可以设置一个范围来限制计数器样式可以处理的值,同时还提供了备用样式,以防计数器值超出定义的范围或无法渲染计数器值。该模块还允许定义语音合成器如何大声读出计数器。
参考
属性
此模块中没有定义任何属性
函数
数据类型
At-rule 和描述符
接口
指南
- 使用 CSS 计数器
-
描述如何使用计数器来为任何 HTML 元素编号或执行复杂的计数。
相关概念
counter-increment属性counter-reset属性counter-set属性list-style-type属性list-style简写属性counter()函数counters()函数
CSS 伪元素模块
CSS 生成内容模块
content属性
规范
| 规范 |
|---|
| CSS Counter Styles Level 3 |
另见
- CSS 列表和计数器模块
- CSS 伪元素模块
- CSS 生成内容模块
- W3C 提供的现成计数器样式 (2023)