CSS 列表和计数器
CSS 列表和计数器模块通过字符串、计数器和其他功能的组合,实现列表项项目符号的样式设置和定位,以及对其值的操作。
列表项的标记,无论是项目符号还是序号计数器,都是其定义特征。列表项不仅限于嵌套在<ol>或<ul>元素中的<li>元素。相反,列表项是任何设置了display: list-item的元素。
此模块定义了 CSS 功能,用于设置和重置列表的计数器,设置使用哪些计数器样式或符号作为其标记,以及定位这些标记。它还为开发者提供了创建自定义标记的能力。
参考
属性
counter-incrementcounter-resetcounter-setlist-style-imagelist-style-typelist-style-positionlist-style简写属性
还有一个marker-side属性,尚未完全定义或实现。
伪元素
函数
数据类型
指南
- 一致的列表缩进
-
解释了如何在不同浏览器中实现一致的列表缩进。
- 使用 CSS 计数器
-
解释了如何使用 CSS 计数器属性来控制列表计数器。
相关概念
-
@counter-styleat-rule<counter-style-name>数据类型<symbol>数据类型symbols()函数
-
<ol>start、reversed和type属性 -
<ul>type属性 -
<li>type和value属性
规范
| 规范 |
|---|
| CSS 列表与计数器模块第 3 级 |