最新的Web開發教程
 

Style listStyleType Property

<Style對象

更改列表項標記類型"upper-roman"

document.getElementById("myList").style.listStyleType = "upper-roman";
試一試»

定義和用法

該listStyleType屬性設置或返回列表項標記的類型。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該listStyleType屬性在所有主流瀏覽器的支持。

Note: IE9和Opera 11不支持:CJK表意文字,希伯來文,平假名,平假名,呂波,片假名和片假名,伊呂波。

Note: IE8支持的屬性值:小數領先的零,低希臘,低拉丁,上拉丁,亞美尼亞,格魯吉亞和只有在指定的DOCTYPE!


句法

返回listStyleType屬性:

object .style.listStyleType

設置listStyleType屬性:

object .style.listStyleType= 屬性值
描述
armenian 該標誌是傳統的亞​​美尼亞編號
circle 標記是一個圓
cjk-ideographic 所述標記物是純數字的表意
decimal 該標記是一個數字。 這是默認<ol>
decimal-leading-zero 所述標記物是帶前導零(01,02,03等)的數
disc 標記是一個實心圓。 這是默認<ul>
georgian 該標記是傳統格魯吉亞編號
hebrew 該標誌是傳統的希伯來編號
hiragana 該標誌是傳統的平假名編號
hiragana-iroha 該標誌是傳統的平假名伊呂波編號
katakana 該標誌是傳統的片假名編號
katakana-iroha 該標誌是傳統的片假名伊呂波編號
lower-alpha 所述標記是低級-α (a, b, c, d, e, etc.)
lower-greek 標記是低級 - 希
lower-latin 標記是拉丁下(a, b, c, d, e, etc.)
lower-roman 標記是低級-羅馬(i, ii, iii, iv, v, etc.)
none 無標記顯示
square 標記是一個正方形
upper-alpha 標記是上-α (A, B, C, D, E, etc.)
upper-latin 標記是上拉丁(A, B, C, D, E, etc.)
upper-roman 標記是上層羅馬(I, II, III, IV, V, etc.)
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: “盤”為<ul>"decimal"<ol>
返回值: 一個字符串,表示列表的類型
CSS版本 CSS1

更多示例

所有不同列表樣式類型:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;
試一試»

返回列表項標記類型:

alert(document.getElementById("myList").style.listStyleType);
試一試»

相關頁面

CSS教程: CSS列表

CSS參考: list-style-type property

HTML DOM參考: listStyle property


<Style對象