CSS列表属性作用如下:
- 设置不同的列表项标记为有序列表
- 设置不同的列表项标记为无序列表
- 设置列表项标记为图像
list-style-type
规定了无序列表以及有序列表的项目标记符号的样式
取值:
-
disc:实心圆(CSS1)
circle:空心圆(CSS1)
square:实心方块(CSS1)
decimal:阿拉伯数字(CSS1)
lower-roman:小写罗马数字(CSS1)
upper-roman:大写罗马数字(CSS1)
lower-alpha:小写英文字母(CSS1)
upper-alpha:大写英文字母(CSS1)
none:不使用项目符号(CSS1)
armenian:传统的亚美尼亚数字(CSS2)
cjk-ideographic:浅白的表意数字(CSS2)
georgian:传统的乔治数字(CSS2)
lower-greek:基本的希腊小写字母(CSS2)
hebrew:传统的希伯莱数字(CSS2)
hiragana:日文平假名字符(CSS2)
hiragana-iroha:日文平假名序号(CSS2)
katakana:日文片假名字符(CSS2)
katakana-iroha:日文片假名序号(CSS2)
lower-latin:小写拉丁字母(CSS2)
upper-latin:大写拉丁字母(CSS2)
list-style-image
将列表项目标记符号设置为图片
取值:
list-style-image:none 不指定图像
list-style-image:url(文件路径) 使用绝对或相对地址指定列表项标记图像
list-style-position
取值:
list-style-position:outside 列表项目标记放置在文本以外,且环绕文本不根据标记对齐
list-style-position:inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐