CSS list-style-image 属性

指定列表中的列表项标记的图像：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    ul {
      list-style-image: url("/examples/sqpurple.gif");
    }
  </style>
</head>

<body>
  <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
  </ul>
</body>
</html>

尝试一下 »

属性定义及使用说明

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

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

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

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
list-style-image 1.0 4.0 1.0 1.0 7.0

属性值

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

相关文章

CSS 教程: CSS 列表

CSS 参考手册: list-style 属性