mozilla

Revision 25932 of list-style-image

  • Revision slug: CSS/list-style-image
  • Revision title: list-style-image
  • Revision id: 25932
  • Created:
  • Creator: Nathymig
  • Is current revision? No
  • Comment interwiki es:

Revision Content

{{ CSSRef() }}

Summary

list-style-image sets the image that will be used as the list item marker.

  • {{ Xref_cssinitial() }}: {{ Cssxref("none") }}
  • Applies to: elements with 'display: list-item'
  • {{ Xref_cssinherited() }}: yes
  • Percentages: N/A
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: absolute URI or none

Syntax

list-style-image: <uri> | none | inherit

Values

uri 
Location of image to use as the marker.

Examples

ul {
    list-style-image: url("images/arrow.gif");
}

Specifications

Browser Compatibility

See Also

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

{{ languages( { "fr": "fr/CSS/list-style-image", "pl": "pl/CSS/list-style-image", "es": "es/CSS/list-style-image" } ) }}

Revision Source

<p> {{ CSSRef() }}
</p>
<h3 name="Summary"> Summary </h3>
<p><code>list-style-image</code> sets the image that will be used as the <a href="en/HTML/Element/li">list item</a> marker.
</p>
<ul><li> {{ Xref_cssinitial() }}: {{ Cssxref("none") }}
</li><li> Applies to: elements with 'display: list-item'
</li><li> {{ Xref_cssinherited() }}: yes
</li><li> Percentages: N/A
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}: absolute URI or <code>none</code>
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">list-style-image: &lt;uri&gt; | none | inherit
</pre>
<h3 name="Values"> Values </h3>
<dl><dt> <code>uri</code> </dt><dd> Location of image to use as the marker.
</dd></dl>
<h3 name="Examples"> Examples </h3>
<pre>ul {
    list-style-image: url("images/arrow.gif");
}
</pre>
<h3 name="Specifications"> Specifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#list-style-image">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-lists/#list-style-image">css3-lists</a>
</li></ul>
<h3 name="Browser_Compatibility"> Browser Compatibility </h3>
<h3 name="See_Also"> See Also </h3>
<p>{{ Cssxref("list-style") }}, {{ Cssxref("list-style-type") }}, {{ Cssxref("list-style-position") }}
</p>{{ languages( { "fr": "fr/CSS/list-style-image", "pl": "pl/CSS/list-style-image", "es": "es/CSS/list-style-image" } ) }}
Revert to this revision