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 列表项目标记放置在文本以内,且环绕文本根据标记对齐