FANDOM


The CSS list-style property is a shorthand property for setting the property values of the list-style-image, list-style-position, and list-style-type properties. It is used to change the default display characteristics of list-markers in HTML list structures. An author can specify the location of the marker, a graphic to be used and/or a standard set of symbols. Keywords may come in any order, but using multiple keywords that control the same behavior is not allowed. If a list-style-image is specified for the list marker, it will be used in place of any list-style-type also specified. Nevertheless, a list-style-type should always be specified in the event the list-style-image can not be loaded. Each set of values is separated by a white space.

Values

Value Description
inherit Explicitly sets the value of this property to that of the parent.
<list-style-image> See list-style-image for values.
<list-style-position> See list-style-position for values.
<list-style-type> See list-style-type for values.


HTML example:

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


CSS example:

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

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.