list-style-image

优质

小牛编辑

125浏览

2023-12-01

描述 (Description)

list-style-image属性定义指向图像资源的指针，该图像资源将用作列表项的标记。

可能的值 (Possible Values)

uri - 指向图像资源的指针。如果无法解析URL，则将该属性视为值为none。
none - 不应使用任何图像作为元素的标记。

适用于 (Applies to)

所有元素都显示列表项。

DOM语法 (DOM Syntax)

object.style.listStyleImage = "/images/bullet.gif"

例子 (Example)

这是一个例子 -

<html>
   <head>
   </head>
   <body>
      <ul>
         <li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      <ol>
         <li style = "list-style-image: url(/images/bullet.gif);">Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

这将产生以下结果 -