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
Syntax
Formal syntax: <uri> | none
list-style-image: none
list-style-image: url(http://www.example.com/images/list.png)
list-style-image: inherit
Values
- <uri>
- Location of image to use as the marker.
- none
- Default value
Examples
ul { list-style-image: url("images/arrow.gif") }
Compatibility
Desktop browsers
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 7.0 | 1.0 |
Mobile browsers
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|
| Basic support | 1.0 | 1.0 (1) | 6.0 | 6.0 | 1.0 |
