Style listStyleType 属性

定义和用法

listStyleType 属性设置或返回列表项标记类型。

另请参阅:

CSS 教程:CSS 列表

CSS 参考手册:list-style-type 属性

HTML DOM 参考手册:listStyle 属性

实例

例子 1

将列表项标记类型更改为 "upper-roman":

document.getElementById("myList").style.listStyleType = "upper-roman";

亲自试一试

例子 2

所有不同的列表样式类型:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;

亲自试一试

例子 3

返回列表项标记类型:

alert(document.getElementById("myList").style.listStyleType);

亲自试一试

语法

返回 listStyleType 属性:

object.style.listStyleType

设置 listStyleType 属性:

object.style.listStyleType = value

属性值

描述
armenian 标记是传统的亚美尼亚编号。
circle 标记是圆圈。
cjk-ideographic 标记是简单的表意数字。
decimal 标记是数字。这是 <ol> 的默认值。
decimal-leading-zero 标记是带有前导零的数字(01、02、03 等)。
disc 标记是实心圆。这是 <ul> 的默认值。
georgian 标记是传统的格鲁吉亚编号。
hebrew 标记是传统的希伯来编号。
hiragana 标记是传统的平假名编号。
hiragana-iroha 标记是传统的平假名 iroha 编号。
katakana 标记是传统的片假名编号。
katakana-iroha 标记是传统的片假名 iroha 编号。
lower-alpha 标记是小写英文字母(a、b、c、d、e 等)。
lower-greek 标记是小写希腊字母。
lower-latin 标记是小写拉丁字母(a、b、c、d、e 等)。
lower-roman 标记是小写罗马字母(i、ii、iii、iv、v 等)。
none 不显示标记。
square 标记是正方形。
upper-alpha 标记是大写英文字母(A、B、C、D、E 等)。
upper-latin 标记是大写拉丁字母(A、B、C、D、E 等)。
upper-roman 标记是大写罗马字母(I、II、III、IV、V 等)。
initial 将此属性设置为其默认值。请参阅 initial
inherit 从其父元素继承此属性。请参阅 inherit

技术细节

默认值: <ul> 为 "disc",<ol> 为 "decimal"。
返回值: 字符串,表示列表的类型。
CSS 版本: CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持