Style listStyleType 屬性

Style 對象參考手冊 Style 對象

定義和用法

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

語法

設置 listStyleType 屬性：

Object.style.listStyleType="value"

返回 listStyleType 屬性：

Object.style.listStyleType

值 描述
armenian 該標記是傳統的亞美尼亞編號。
circle 該標記是空心圓。
cjk-ideographic 該標記是簡單的表意數字。
decimal 該標記是數字。這是 <ol> 的默認值。
decimal-leading-zero 該標記是一個帶有前導零的數字（01、02、03 等）
disc 該標記是實心圓。這是 <ul> 的默認值。
georgian 該標記是傳統的喬治亞編號。
hebrew 該標記是傳統的希伯來編號。
hiragana 該標記是傳統的平假名編號（a、i、u、e、o、ka、ki 等）。
hiragana-iroha 該標記是傳統的平假名 iroha 編號（i、ro、ha、ni、ho、he、to 等）。
inherit listStyleType 屬性的值從父元素繼承。
katakana 該標記是傳統的片假名編號（A、I、U、E、O、KA、KI 等）。
katakana-iroha 該標記是傳統的片假名 iroha 編號（I、RO、HA、NI、HO、HE、TO 等）。
lower-alpha 該標記是小寫英文字母（a、b、c、d、e 等）。
lower-greek 該標記是小寫希臘字母（alpha、beta、gamma 等）。
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 等）。

流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要流覽器都支持 listStyleType 屬性。

注意：IE9 和 Opera 11 不支持的屬性值：cjk-ideographic、hebrew、hiragana、hiragana-iroha、katakana 和 katakana-iroha。

注意：IE8 如果指定 !DOCTYPE，只支持屬性值：decimal-leading-zero、lower-greek、lower-latin、upper-latin、armenian、georgian 和 inherit。

實例

實例

更改列表項標記的類型：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT研修(xuhuhu.com)</title>
<script>
function displayResult(){
    document.getElementById("ul1").style.listStyleType="square";
}
</script>
</head>
<body>

<ul id="ul1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Water</li>
  <li>Soda</li>
</ul>
<br>
<button type="button" onclick="displayResult()">修改列表項的標記類型</button>

</body>
</html>


實例

更多實例

所有不同的列表樣式類型
查看所有不同的列表樣式類型。

Style 對象參考手冊 Style 對象