list-style-image

Specify an image to use as a list marker for an item in a list (url).

Syntax
      list-style-image: url(uri) | none | inherit ;

url - If the specified image is available, it will replace any marker specified by list-style-type.
none - Don't display an image
inherit - Inherit from the parent element.

Examples:

ol { list-style-image: url("/images/save-icon.gif"); }
.SS64class { list-style-image: none; }
#SS64id { list-style-image: url("/images/save-icon.png"); }

If set to none, no list marker image will be used. Instead, list-style-type will be used.

Try it:

  1. This is a list
  2. Containing several items
  3. One after another

(CSS 1) Browser Support: All major browsers apart from Internet Explorer.

“Speed kills colour... the gyroscope, when turning at full speed, shows up gray” ~ Paul Morand

Related:

list-style-position - Position of list-item markers - inside or outside the content flow.
list-style-type - Type of list-item marker.
list-style - Set all the properties for a list in one declaration.


© Copyright SS64.com 1999-2014
Some rights reserved