HTML DOM listStyle 属性

定义和用法

listStyle 属性在一个声明中设置所有列表属性。

语法:

  1. Object.style.listStyle=listStyleType listStylePosition listStyleImage

Possible Values

描述
listStyleType 设置列表项标志的类型。 注释:并非右列中的所有值在所有浏览器中都有效。 - 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 对列表项标志进行定位。 - outside - inside
listStyleImage 把图像设置为列表项标志。 - none - url(url)

实例

本例改变列表的类型:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeList()
  5. {
  6. document.getElementById("ul1").style.listStyle="decimal inside";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <ul id="ul1">
  13. <li>Coffee</li>
  14. <li>Tea</li>
  15. <li>Water</li>
  16. <li>Soda</li>
  17. </ul>
  18.  
  19. <input type="button" onclick="changeList()"
  20. value="Change list style" />
  21.  
  22. </body>
  23. </html>