CSS 列表和计数器
**CSS 列表和计数器**模块允许设置和定位列表项项目符号并结合字符串、计数器和其他功能来操作它们的值。
列表项的标记(无论是项目符号还是序数计数器)都是其定义特征。列表项不限于嵌套在<ol>
或<ul>
元素中的<li>
元素。相反,列表项是任何设置了display: list-item
的元素。
此模块定义了 CSS 功能,用于设置和重置列表的计数器,设置使用哪些计数器样式或符号作为其标记,以及定位这些标记。它还为开发人员提供了创建自定义标记的功能。
参考
属性
counter-increment
counter-reset
counter-set
list-style-image
list-style-type
list-style-position
list-style
速记
还有一个marker-side
属性,它尚未完全定义或实现。
伪元素
函数
数据类型
指南
- 一致的列表缩进
-
解释如何在不同浏览器中实现一致的列表缩进。
- 使用 CSS 计数器
-
解释如何使用 CSS 计数器属性来控制列表计数器。
相关概念
- CSS 计数器样式
@counter-style
@规则<counter-style-name>
数据类型<symbol>
数据类型symbols()
函数
<ol>
start
、reversed
和type
属性<ul>
type
属性<li>
type
和value
属性
规范
规范 |
---|
CSS 列表和计数器模块 Level 3 |