您现在的位置: 365建站网 > 365教程 > JavaScript 教程 > HTML DOM listStyle 属性

HTML DOM listStyle 属性

此节有 178 人学习过     参与评论

HTML DOM Style 对象

定义和用法

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

语法:

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)

实例

本例改变列表的类型:

<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>

HTML DOM Style 对象

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (178人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------
JavaScript 教程目录