CSS GUIDE LIST-STYLE-IMAGE

From CDOT Wiki
Jump to: navigation, search

Summary

The list-style-image sets the image that will be used as the list item marker.

  • Initial value: none
  • Applies to: elements with 'display: list-item'
  • Inherited: yes
  • Percentages: N/A
  • Media: visual
  • Computed value: absolute URI or none

Syntax

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

Legal Values

uri

  • Location of image to use as the marker.

Mozilla Recommended Values

Usage Examples

ul {
    list-style-image: url("images/bullet.gif");
}

Notes

Specification Conformance

Browser Compatibility

See Also

list-style, list-style-type, list-style-position