FANDOM


The CSS list-style-image indicates a graphic to be used for the list markers in the list structure. This should override the default appearance of list-markers in the current HTML list structure. If a list-style-image is given a value of none or the URL can not be loaded, the list-style-type will be used in its place. The list-style-type should always be specified in the event the URL pointed to in list-style-image can not be loaded.

Values

Value Description
inherit Explicitly sets the value of this property to that of the parent.
none No list-marker will be displayed for the list item.
URL This value indicates the URL source for the list-marker graphic. It can be either an absolute or relative URL. If the graphic can not be loaded, whatever list-style-type property is set to will be used.


HTML example:

<ul>
<li style="list-style-image:url('http://www.foo.com/bullet.gif');">
TEXT</li>
</ul>


CSS example:

li {
    list-style-image:url("http://www.foo.com/bullet.gif");
}

See Also

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.