1. Home
  2. Computing & Technology
  3. Web Design / HTML

list-style-image

By Jennifer Kyrnin, About.com

list-style-image Description:

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

list-style-image in CSS Versions:

list-style-image Syntax:

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.

list-style-image Initial Value:

none

list-style-image Applies To:

All elements with display value of list-item.

list-style-image Inheritance:

This property is inherited.

list-style-image Browser Support:

list-style-image Examples:

use an image as a bullet

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

list-style-image Special Notes:

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

More list-style-image Information:

Return to the Style Library

Explore Web Design / HTML

More from About.com

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Style Properties
  6. CSS Style Property: list-style-image

©2008 About.com, a part of The New York Times Company.

All rights reserved.