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"); }
.emw3class { list-style-image: none; }
#emw3id { 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 © 2013-2022 Emw3.com
Some rights reserved