您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM listStyle 屬性

HTML DOM listStyle 屬性

此節(jié)有 232 人學(xué)習(xí)過(guò) 參與評(píng)論

定義和用法

listStyle 屬性在一個(gè)聲明中設(shè)置所有列表屬性。

語(yǔ)法：

Object.style.listStyle=listStyleType listStylePosition listStyleImage

Possible Values

值	描述	值
listStyleType	設(shè)置列表項(xiàng)標(biāo)志的類型。注釋：并非右列中的所有值在所有瀏覽器中都有效。	none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha
listStylePosition	對(duì)列表項(xiàng)標(biāo)志進(jìn)行定位。	outside inside
listStyleImage	把圖像設(shè)置為列表項(xiàng)標(biāo)志。	none url(url)

值

描述

值

listStyleType

設(shè)置列表項(xiàng)標(biāo)志的類型。

注釋：并非右列中的所有值在所有瀏覽器中都有效。

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha

listStylePosition

對(duì)列表項(xiàng)標(biāo)志進(jìn)行定位。

outside
inside

listStyleImage

把圖像設(shè)置為列表項(xiàng)標(biāo)志。

none
url(url)

實(shí)例

本例改變列表的類型：

<html>
<head>
<script type="text/javascript">
function changeList()
  {
  document.getElementById("ul1").style.listStyle="decimal inside";
  }
</script>
</head>
<body>

<ul id="ul1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Water</li>
  <li>Soda</li>
</ul>

<input type="button" onclick="changeList()"
value="Change list style" />

</body>
</html>