list-style-image: url(***);

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

The list-style-image property sets an image as the list item marker.

This property can apply to the UL, OL, and LI element.


ul {
list-style-image: url(image/mark.gif);
}
Property Value Explanation
list-style-image url(URL) the URL of the image to display

The default is "none".

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

ul { list-style-image: url(image/mark.gif); }

</style>

</head>
<body>

<ul>
<li>First list item</li>
<li>Second list item</li>
<li>Third list item</li>
</ul>

</body>
</html>
Output
  • First list item
  • Second list item
  • Third list item