阅读 (0)

CSS list-style-image 属性

定义和用法

list-style-image 属性使用图像来替换列表项的标记。

说明

这个属性指定作为一个有序或无序列表项标志的图像。图像相对于列表项内容的放置位置通常使用 list-style-position 属性控制。

注释:请始终规定一个 "list-style-type" 属性以防图像不可用。

另请参阅:

CSS 教程:CSS 列表

CSS 参考手册:CSS list-style 属性

HTML DOM 参考手册:listStyleImage 属性

实例

把图像设置为列表中的项目标记:

ul
{
  list-style-image:url("/i/arrow.gif");list-style-type:square;
}

亲自试一试

CSS 语法

list-style-image: none|url|initial|inherit;

属性值

描述
URL图像的路径。
none默认。无图形被显示。
inherit规定应该从父元素继承 list-style-image 属性的值。

技术细节

默认值:none
继承性:yes
版本:CSS1
JavaScript 语法:object.style.listStyleImage="url('/images/blueball.gif')"

更多实例

将图像作为列表项标记
本例演示如何将图像作为列表项标记。

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

ChromeIE / EdgeFirefoxSafariOpera
1.04.01.01.07.0