Unsere Freiwilligen haben diesen Artikel noch nicht in Deutsch übersetzt. Machen Sie mit und helfen Sie, das zu erledigen!
Summary
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 value
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") }
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Lists and Counters Module Level 3 | Working Draft | Extends support to any <image> data type. |
| CSS Level 2 (Revision 1) | Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 7.0 | 1.0 |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1) | 6.0 | 6.0 | 1.0 |