Search within TutorialsPark

CSS list-style-image Property


Specifies an image to be used as a list marker


Definition and Notes.

1. The CSS list-style-image property allows you to use your own image in place of an automatically generated symbol.

2. The value of list-style-image is the url location of the image to be used as a marker.


Syntax:

CSS list-style-image property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- The list-style-image property overrides the list-style-type property.

Property Values

Value Description
<url> To denote the path or location of the image to be used as a list marker
none No image is used, the marker is set using the list-style-type value
inherit The child element inherits the value of list-style-image from the parent element

Specifications

Specs Value
Name list-style-position
Value <uri> | none | inherit
Initial Value none
Applies to list items
Javascript syntax object.style.listStyleImage="url('resources/picture.png')"
Inherited Yes
Computed Value Same as declared value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.