Style listStyleType 属性

阅读（0）
赞（0）
踩（0）
纠错

HTML DOM Style 对象

定义和用法

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

HTML DOM Style 对象