list-style-image
Sets a value that indicates which image to use as a list-item marker for the object.
Syntax
{ list-style-image:
sLocation }
Possible values
sLocation
String that specifies one of the following values:
none |
Default. No image is specified. |
|
Location of the image, where sURL is an absolute or relative URL. |
The property has a default value of none and is inherited.
Remarks
The list-style-image property can be applied to any element when margin and display:list-item are applied.
When the image is available, it replaces the marker that is set with the list-style-type marker.
If the left margin of the list item is set to 0 using one of the margin properties, the list-item markers do not show. The margin should be set to a minimum of 30 points.
Examples
The following example uses the list-style-image property to set the image for markers. This example uses the UL element as a selector in an embedded (global) style sheet to set the marker to the dot.gif image:
<style>
ul {list-style-image:url(dot.gif)}
</style>
Standards information
This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1) .
Applies to
li, ol, ul
See also
Concepts
margin
display
list-style-type
Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.