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