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 实心方块

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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 范例:列表样式类型

你可以在我们的 CSS 基础教程中找到更多有关 list-style-type 属性 的细节

返回上一级

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.