目录

CSS list-style-image 属性


示例

指定图片作为列表中的列表项标记:

ul {
  list-style-image: url('sqpurple.gif');
}
亲自试一试 »

定义和用法

这个list-style-image属性用图片替换列表项标记。

笔记:始终指定列表样式类型另外属性。如果图片由于某种原因不可用,则使用此属性。

展示演示❯

默认值: 没有任何
遗传: 是的
可动画: 不。阅读可动画的
版本: CSS1
JavaScript 语法: 对象.style.listStyleImage="url('smiley.gif')"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
list-style-image 1.0 4.0 1.0 1.0 7.0


CSS 语法

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

属性值

Value Description Demo
none No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default Demo ❯
url The path to the image to be used as a list-item marker Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS 列表

CSS 参考:列表样式属性

HTML DOM 参考:listStyleImage 属性