1
edit
Changes
no edit summary
== Summary ==
The '''list-style''' property is a shorthand property for setting [[CSS_GUIDE_LIST-STYLE-IMAGE|list-style-image]], [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]].
* Initial value: see individual properties for details
* Applies to: elements with 'display: list-item'
* Inherited: no
* Percentages: N/A
* Media: visual
* Computed value: see individual properties
== Syntax ==
<pre>
list-style: [ list-style-type || list-style-position || list-style-image ] | inherit
</pre>
== Legal Values ==
list-style-type
* See [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]]
list-style-image
* See [[CSS_GUIDE_LIST-STYLE-IMAGE|list-style-image]]
list-style-position
* See [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
ul {
list-style: circle inside;
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#lists CSS 1]
* [http://www.w3.org/TR/CSS21/generate.html#q10 CSS 2.1]
* [http://www.w3.org/TR/2002/WD-css3-lists-20021107/#list-style CSS 3]
== Browser Compatibility ==
== See Also ==
[[CSS_GUIDE_LIST-STYLE-IMAGE|list-style-image]], [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]
The '''list-style''' property is a shorthand property for setting [[CSS_GUIDE_LIST-STYLE-IMAGE|list-style-image]], [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]].
* Initial value: see individual properties for details
* Applies to: elements with 'display: list-item'
* Inherited: no
* Percentages: N/A
* Media: visual
* Computed value: see individual properties
== Syntax ==
<pre>
list-style: [ list-style-type || list-style-position || list-style-image ] | inherit
</pre>
== Legal Values ==
list-style-type
* See [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]]
list-style-image
* See [[CSS_GUIDE_LIST-STYLE-IMAGE|list-style-image]]
list-style-position
* See [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
ul {
list-style: circle inside;
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#lists CSS 1]
* [http://www.w3.org/TR/CSS21/generate.html#q10 CSS 2.1]
* [http://www.w3.org/TR/2002/WD-css3-lists-20021107/#list-style CSS 3]
== Browser Compatibility ==
== See Also ==
[[CSS_GUIDE_LIST-STYLE-IMAGE|list-style-image]], [[CSS_GUIDE_LIST-STYLE-TYPE|list-style-type]], [[CSS_GUIDE_LIST-STYLE-POSITION|list-style-position]]