該list-style-typeCSS屬性指定標(biāo)記為列表項(xiàng)的類型。
下表為此屬性的用法說(shuō)明和版本歷史記錄,以及該屬性在javascript腳本中的使用語(yǔ)法。
默認(rèn)值: | disc |
---|---|
適用于: | 列表項(xiàng) |
繼承: | 是 |
可動(dòng)畫(huà)制作: | 否。請(qǐng)參見(jiàn) 動(dòng)畫(huà)屬性。 |
版本: | CSS 1,2,3 |
JavaScript語(yǔ)法: | object.style.listStyleType="circle" |
該屬性的語(yǔ)法如下:
list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit
下面的示例演示了如何使用list-style-type屬性。
ol { list-style-type: decimal-leading-zero; } ul { list-style-type: square; }測(cè)試看看?/?
下表描述了此屬性的值。
值 | 描述 |
---|---|
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, 等。(日文片假名) |
none | 不指定標(biāo)記。 |
initial | 將此屬性設(shè)置為其默認(rèn)值。 |
inherit | 如果指定,則關(guān)聯(lián)元素采用其父元素list-style-type的屬性值。 |
list-style-type屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號(hào);所有主流瀏覽器均支持該屬性。
![]() |
|
相關(guān)屬性:list-style,list-style-image,list-style-position。