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
支持 支持 支持 支持 支持