1
edit
Changes
no edit summary
== Summary ==
'''list-style-image''' sets the image that will be used as the list item marker.
* Initial value: none
* Applies to: elements with 'display: list-item'
* Inherited: yes
* Percentages: N/A
* Media: visual
* Computed value: absolute URI or none
== Syntax ==
<pre>
list-style-image: <uri> | none | inherit
</pre>
== Legal Values ==
'''uri'''
* Location of image to use as the marker.
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
ul {
list-style-image: url("images/bullet.gif");
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#list-style-image CSS 1]
* [http://www.w3.org/TR/CSS21/generate.html#lists CSS 2.1]
* [http://www.w3.org/TR/2002/WD-css3-lists-20021107/#list-content0 CSS 3]
== Browser Compatibility ==
== See Also ==
[[CSS_GUIDE_LIST-STYLE|list-style]], [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]
'''list-style-image''' sets the image that will be used as the list item marker.
* Initial value: none
* Applies to: elements with 'display: list-item'
* Inherited: yes
* Percentages: N/A
* Media: visual
* Computed value: absolute URI or none
== Syntax ==
<pre>
list-style-image: <uri> | none | inherit
</pre>
== Legal Values ==
'''uri'''
* Location of image to use as the marker.
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
ul {
list-style-image: url("images/bullet.gif");
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#list-style-image CSS 1]
* [http://www.w3.org/TR/CSS21/generate.html#lists CSS 2.1]
* [http://www.w3.org/TR/2002/WD-css3-lists-20021107/#list-content0 CSS 3]
== Browser Compatibility ==
== See Also ==
[[CSS_GUIDE_LIST-STYLE|list-style]], [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]