CSS list-style-type 屬性

定義和用法

list-style-type 屬性設置列表項標記的類型。

另請參閱：

CSS 教程：CSS 列表

CSS 參考手冊：CSS list-style 屬性

HTML DOM 參考手冊：listStyleType 屬性

實例

設置不同的列表樣式：

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

親自試一試

（在頁面底部可以找到更多實例）

CSS 語法

list-style-type: value;

屬性值

CSS2 的值：

值 描述
none 無標記。
disc 默認。標記是實心圓。
circle 標記是空心圓。
square 標記是實心方塊。
decimal 標記是數字。
decimal-leading-zero 0開頭的數字標記。(01, 02, 03, 等。)
lower-roman 小寫羅馬數字(i, ii, iii, iv, v, 等。)
upper-roman 大寫羅馬數字(I, II, III, IV, V, 等。)
lower-alpha 小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha 大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek 小寫希臘字母(alpha, beta, gamma, 等。)
lower-latin 小寫拉丁字母(a, b, c, d, e, 等。)
upper-latin 大寫拉丁字母(A, B, C, D, E, 等。)
hebrew 傳統的希伯來編號方式
armenian 傳統的亞美尼亞編號方式
georgian 傳統的喬治亞編號方式(an, ban, gan, 等。)
cjk-ideographic 簡單的表意數字
hiragana 標記是：a, i, u, e, o, ka, ki, 等。（日文片假名）
katakana 標記是：A, I, U, E, O, KA, KI, 等。（日文片假名）
hiragana-iroha 標記是：i, ro, ha, ni, ho, he, to, 等。（日文片假名）
katakana-iroha 標記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名）

CSS2.1 的值：

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

技術細節

默認值： disc
繼承性： yes
版本： CSS1
JavaScript 語法： object.style.listStyleType="square"

更多實例

在無序列表中的不同類型的列表標記
本例演示在CSS中不同類型的列表項標記。
在有序列表中不同類型的列表項標記
本例演示在CSS中不同類型的列表項標記。
所有的列表樣式類型
本例演示在CSS中所有不同類型的列表項標記。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5