当前位置: 首页 > 网络学院 > 网页制作基础教程 > CSS > CSS 列表
The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
CSS列表属性允许你来安置列表项标记,改变标记的样子或者将图片变为列表项的标记
The different list-item markers in unordered lists
This example demonstrates the different list-item markers in CSS.
无序列表不同样子的列表标记
The different list-item markers in ordered lists
This example demonstrates the different list-item markers in CSS.
有序列表不同样子的列表标记
Set an image as the list-item marker
This example demonstrates how to set an image as the list-item marker.
设置图片做为标记
Place the list-item marker
This example demonstrates where to place the list-item marker.
安置列表标记
All list properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for a list in one declaration.
快速声明所有列表属性
The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
CSS列表属性允许你安置列表标记,改变列表标记的样子或设置一图片做列表的标记
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
浏览器支持:IE: Internet Explorer, F: Firefox, N: Netscape
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
W3C:里面的数字代表CSS版本号
Property | Description | Values | IE | F | N | W3C |
---|---|---|---|---|---|---|
list-style | A shorthand property for setting all of the properties for a list in one declaration 一种可以用一句声明设置所有列表属性的快速属性 | list-style-type list-style-position list-style-image | 4 | 1 | 6 | 1 |
list-style-image | Sets an image as the list-item marker 设置列表项目标记用图标表示 | none url | 4 | 1 | 6 | 1 |
list-style-position | Sets where the list-item marker is placed in the list 设置列表项目标志的位置 | inside outside | 4 | 1 | 6 | 1 |
list-style-type | Sets the type of the list-item marker 设置列表项目标志的类型 | none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha | 4 | 1 | 4 | 1 |
marker-offset | auto length | 1 | 7 | 2 |