CSS 属性
全部展开 | 全部折叠
CSS 规则

CSS list-style-type 属性

主题:CSS3 属性参考上一页|下一页

说明

list-style-type CSS 属性指定列表项的标记类型。

下表总结了此属性的使用上下文和版本历史记录。

默认值: disc
适用于: List items
继承: Yes
动画: No. 参见动画属性
版本: CSS 1, 2, 3

语法

属性的语法如下:

list-style-type: 
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

下面的示例显示了 list-style-type 属性的作用。

ol {
    list-style-type: decimal-leading-zero;
}
ul {
    list-style-type: square;
}

属性值

下表描述了该属性的值。

说明
disc 标记是一个实心圆圈。
circle 标记是一个空心圆。
square 标记是一个实心正方形。
decimal

标记是 –

  • 十进制数
  • 从 1 开始。
decimal-leading-zero

标记是 –

  • 十进制数
  • 用初始零填充
  • 例如 01, 02, 03, ... 10, 11
lower-roman

标记是 –

  • 小写罗马数字
  • 例如 i, ii, iii, iv, v, ...
upper-roman

标记是 –

  • 大写罗马数字
  • 例如 I, II, III, IV, V, ...
lower-greek

标记是 –

  • 小写希腊字母
  • 阿尔法、贝塔、伽马……
  • 例如 α, β, γ, ...
lower-latin

标记是 –

  • 小写拉丁字母
  • >例如 a, b, c, ... z
upper-latin

标记是 –

  • 大写拉丁字母
  • >例如 A, B, C, ... Z
armenian

标记是 –

  • 传统的亚美尼亚编号
  • >例如 ayb/ayp, ben/pen, gim/keem, ...
georgian

标记是 –

  • 传统的格鲁吉亚编号
  • >例如 an, ban, gan, ... he, tan, in ...
lower-alpha

标记是 –

  • 小写拉丁字母
  • >例如 a, b, c, ... z
upper-alpha

标记是 –

  • Uppercase Latin letters
  • >例如 A, B, C, ... Z
none Specifies no marker.
initial 将此属性设置为其默认值。
inherit 如果指定,则关联元素采用其父元素 list-style-type 属性的 计算值

浏览器兼容性

所有主要的现代浏览器都支持 list-style-type 属性。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 4+
  • Apple Safari 1+
  • Opera 4+

进一步阅读

请参阅以下教程: HTML 列表, CSS 列表.

相关属性: list-style, list-style-image, list-style-position.

Advertisements