Question

list-style-type的简介

Answer 1

在HTML中，type属性来定义列表项符号，那是在元素属性中定义的。但是我们不建议使用type属性来定义元素的样式。
在CSS中，不管是有序列表还是无序列表，都统一使用list-style-type属性来定义列表项符号。
有序列表list-style-type属性取值如下： list-style-type属性值说明decimal默认值，数字1、2、3……lower-roman小写罗马数字i、ii、iii……upper-roman大写罗马数字I、II、III……lower-alpha小写英文字母a、b、c……upper-alpha大写英文字母A、B、C……无序列表list-style-type取值： list-style-type属性值说明disc默认值，实心圆“●”circle空心圆“○”square实心正方形“■” list-style-type：disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
默认值：disc 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属性为none或指定图像不可用时，list-style-type属性将发生作用。
仅作用于具有display值等于list-item的对象（如li对象）。
注意：ol对象和ul对象的type特性为其后的所有列表项目（如li对象）指明列表属性。
对应的脚本特性为listStyleType。