list-style-image

The list-style-image property sets an image as the bullet type for a list.

• CSS 1
• CSS 2
• CSS 3

list-style-image: <url> | none | inherit

• url
  The URL of an image to use for the list.
• none
  Display no image for the list.
• inherit
  The element should have the same list-style-image setting as the parent.

none

All elements with display value of list-item.

This property is inherited.

• Netscape 6, 7
• Mozilla 1
• Firefox 1
• Internet Explorer 4, 5, 6
• Opera 3, 4, 5, 6, 7, 8
• Safari 1

use an image as a bullet

<ul style="list-style-image: url(image.gif) ;">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>

• The image will replace both a number in an ordered list or a bullet in an unordered list.

• Lists
• The li Tag
• list-style
• list-style-position
• list-style-type

Return to the Style Library