list-style-image property CSS Reference

Definition and Usage

The list-style-image CSS property sets the image that will be used as the list item marker. It is often more convenient to use the shorthand list-style.

  • Initial none
  • Applies to list items
  • Inherited yes
  • Media visual
  • Computed Value none or the image with its URI made absolute
  • Animatable no
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: <uri> | none
list-style-image: none
list-style-image: url(
list-style-image: inherit


Location of image to use as the marker.
Default value


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


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.01.0 (1.7 or earlier)

Mobile browsers

FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support1.01.0 (1)

Relative articles