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