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}
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-zero | 0開(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, 等。(日文片假名) |
更多實(shí)例
所有不同的列表項(xiàng)標(biāo)記列表
這個(gè)例子演示了所有不同的列表項(xiàng)標(biāo)記。
相關(guān)文章
CSS 教程: CSS 列表
CSS 參考手冊(cè): list-style 屬性
更多建議: