list-style-image 列表样式图像

列表符号使用图像显示。

语法：

{ list-style-image : sListStyleImage }

默认值： none
继承性： 否
DOM 语法： object.style.listStyleImage = sListStyleImage
适用于： 列表元素
浏览器支持： IE Firefox Chrome Safari Opera

可能的值：

uri | none | inherit

值 描述
uri 图像资源地址。
none 采用默认的列表项目符号
inherit 继承父元素的属性值。

说明：

为了更加精确地控制列表项目的位置，现在一般都采用设置背景图片的方法是设置项目符号。例如： 

<ul style=" list-style-type: none;">
 <li style="background:url(http://dotnet.aspx.cc/Images/meng.gif) no-repeat left top;padding-left:20px;">例子列表</li>
 <li style="background:url(http://dotnet.aspx.cc/Images/meng.gif) no-repeat left top;padding-left:20px;">孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。
孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。
孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。</li>
 <li style="background:url(http://dotnet.aspx.cc/Images/meng.gif) no-repeat left top;padding-left:20px;">孟子E章</li>
</ul>
效果如下：
  • 例子列表
  • 孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。孟子E章的测试例子。
  • 孟子E章

本属性最后更新时间：2011-3-19 21:33:59