CSS list-style-type 屬性

2022-06-02 16:11 更新

CSS list-style-type 屬性

實(shí)例

設(shè)置一些不同的列表樣式:

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}

嘗試一下 ?

在此頁(yè)底部有更多的例子。

屬性定義及使用說(shuō)明

list-style-type 屬性設(shè)置列表項(xiàng)標(biāo)記的類(lèi)型。

默認(rèn)值: "disc" for <ul> and "decimal" for <ol>
繼承: yes
版本: CSS1
JavaScript 語(yǔ)法: object.style.listStyleType="square"


瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性          
list-style-type 1.0 4.0 1.0 1.0 3.5

屬性值

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


Examples

更多實(shí)例

所有不同的列表項(xiàng)標(biāo)記列表
這個(gè)例子演示了所有不同的列表項(xiàng)標(biāo)記。


相關(guān)文章

CSS 教程: CSS 列表

CSS 參考手冊(cè): list-style 屬性

以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)