Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Revision 20288 of list-style

  • Revision slug: CSS/list-style
  • Revision title: list-style
  • Revision id: 20288
  • Created:
  • Creator: DBaron
  • Is current revision? No
  • Comment /* Specifications */

Revision Content

{{template.CSSRef()}}

Summary

The list-style property is a shorthand property for setting list-style-type, list-style-image, and 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

list-style: {{mediawiki.external(' list-style-type || list-style-position || list-style-image ')}} | inherit

Values

list-style-type 
See list-style-type.
list-style-image 
See list-style-image.
list-style-position 
See list-style-position.

Examples

ul { 
    list-style: circle inside;
}

Notes

Specifications

Browser Compatibility

See Also

{{template.Cssxref("list-style-type")}}, {{template.Cssxref("list-style-image")}}, {{template.Cssxref("list-style-position")}}

{{ wiki.languages( { "fr": "fr/CSS/list-style", "pl": "pl/CSS/list-style" } ) }}

Revision Source

<p> 
{{template.CSSRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p>The <code>list-style</code> property is a shorthand property for setting list-style-type, list-style-image, and list-style-position.
</p>
<ul><li> Initial value: see individual properties for details
</li><li> Applies to: elements with 'display: list-item'
</li><li> Inherited: no
</li><li> Percentages: N/A
</li><li> Media: <a href="en/CSS/Media/Visual">visual</a>
</li><li> Computed value: see individual properties
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<p>list-style: {{mediawiki.external(' list-style-type || list-style-position || list-style-image ')}} | inherit
</p>
<h3 name="Values"> Values </h3>
<dl><dt> <code>list-style-type</code> </dt><dd> See <code><a href="en/CSS/list-style-type">list-style-type</a></code>.
</dd><dt> <code>list-style-image</code> </dt><dd> See <code><a href="en/CSS/list-style-image">list-style-image</a></code>.
</dd><dt> <code>list-style-position</code> </dt><dd> See <code><a href="en/CSS/list-style-position">list-style-position</a></code>.
</dd></dl>
<h3 name="Examples"> Examples </h3>
<pre>ul { 
    list-style: circle inside;
}
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> Specifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#list-style">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-lists/#list-style">css3-lists</a>
</li></ul>
<h3 name="Browser_Compatibility"> Browser Compatibility </h3>
<h3 name="See_Also"> See Also </h3>
<p>{{template.Cssxref("list-style-type")}}, {{template.Cssxref("list-style-image")}}, {{template.Cssxref("list-style-position")}}
</p>{{ wiki.languages( { "fr": "fr/CSS/list-style", "pl": "pl/CSS/list-style" } ) }}
Revert to this revision