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 计数器属性来控制列表编号。
相关概念
-
@counter-style
at 规则<counter-style-name>
数据类型<symbol>
数据类型symbols()
函数
-
<ol>
start
、reversed
和type
属性 -
<ul>
type
属性 -
<li>
type
和value
属性
规范
Specification |
---|
CSS Lists and Counters Module Level 3> |