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 规则<counter-style-name>数据类型<symbol>数据类型symbols()函数
-
<ol>start、reversed和type属性 -
<ul>type属性 -
<li>type和value属性
规范
| Specification |
|---|
| CSS Lists and Counters Module Level 3> |