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 |
