HTML <li> type 属性
type 属性用于设置列表中的列表项目的项目符号的类型
HTML5 不支持 <li> type 属性,可以使用 CSS 代替
HTML 4.01 中 <li> 的 type 属性已废弃
语法
<li type="1|a|A|i|I|disc|circle|square"></li>
属性值
有序列表 ( <ol> )
值 | 描述 |
---|---|
1 | 默认。数字顺序的有序列表(1, 2, 3, 4) |
a | 字母顺序的有序列表,小写(a, b, c, d) |
A | 字母顺序的有序列表,大写(A, B, C, D) |
i | 罗马数字,小写(i, ii, iii, iv) |
I | 罗马数字,大写(I, II, III, IV) |
无序列表 ( <ul> )
值 | 描述 |
---|---|
disc | 默认。实心圆 |
circle | 空心圆 |
square | 实心方块 |
浏览器支持
所有主流浏览器都支持 type 属性
范例
在有序列表和无序列表中使用 type 属性
<ol> <li>Coffee</li> <li type="a">Tea</li> <li>Milk</li> </ol> <ul> <li>Coffee</li> <li type="square">Tea</li> <li>Milk</li> </ul>
兼容性注释
HTML 4.01 中 <li> 的 type 属性已废弃
我们可以 CSS 代替
CSS 语法
<li style="list-style-type:square">
你可以在我们的 CSS 基础教程中找到更多有关 list-style-type 属性 的细节