樣式 listStyleType 屬性
示例
將列表項標記型別更改為“upper-roman”
document.getElementById("myList").style.listStyleType = "upper-roman";自己動手試一試 »
描述
listStyleType 屬性設定或返回列表項標記型別。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| listStyleType | 是 | 是 | 是 | 是 | 是 |
語法
返回 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 等） |
| lower-greek | 標記是小寫希臘字母 |
| lower-latin | 標記是小寫拉丁字母（a, b, c, d, e 等） |
| lower-roman | 標記是小寫羅馬數字（i, ii, iii, iv, v 等） |
| none | 不顯示標記 |
| square | 標記是一個正方形 |
| upper-alpha | 標記是大寫字母（A, B, C, D, E 等） |
| upper-latin | 標記是大寫拉丁字母（A, B, C, D, E 等） |
| upper-roman | 標記是大寫羅馬數字（I, II, III, IV, V 等） |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | <ul> 為“disc”，<ol> 為“decimal” |
|---|---|
| 返回值 | 一個字串，表示列表的型別 |
| CSS 版本 | CSS1 |
更多示例
示例
所有不同的列表樣式型別
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;
自己動手試一試 »
相關頁面
CSS 教程： CSS 列表
CSS 參考： list-style-type 屬性
HTML DOM 參考： listStyle 屬性
