CSS 计数器样式

参考

属性

此模块没有定义的属性。

函数

• symbols()

数据类型

• <counter-style-name>
• <symbol>
• <symbols-type>

At 规则和描述符

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

接口

• CSSCounterStyleRule 接口

指南

使用 CSS 计数器

描述如何使用计数器来给 HTML 元素计数，或者执行复杂的计数。

相关概念

CSS 列表与计数器模块：

• counter-increment 属性
• counter-reset 属性
• counter-set 属性
• list-style-type 属性
• list-style 简写属性
• counter() 函数
• counters() 函数

CSS 伪元素模块：

• ::after 伪元素
• ::before 伪元素
• ::marker 伪元素

CSS 生成内容模块：

• content 属性

规范

参见

• CSS 列表与计数器模块
• CSS 伪元素模块
• CSS 生成内容模块
• 现成的计数器样式，来自 W3C（2023）