HTML DOM listStylePosition 属性

定义和用法

listStylePosition 属性对列表中的列表项标记进行定位。

语法:

  1. Object.style.listStylePosition=inside|outside

可能的值

描述
inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐。
outside 默认。保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。

实例

本例改变列表项标志的位置:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeList()
  5. {
  6. document.getElementById("ul1").style.listStylePosition="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-item marker position" />
  21.  
  22. </body>
  23. </html>