CSS Property - List Style Image

Value: <url> | none
Initial: none
Applies to: elements with "display" value "list-item"
Inherited: yes
Percentage values: N/A

This CSS property sets the image that will be used as the list-item marker. When the image is available it will replace the marker set with the "list-style-type" marker.

Using "list-style-image" instead of using the default setting has its downfalls. You can not position the image exactly, the image is placed where the default style is, disc, square etc...


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

ul {
list-style-image: url("http://DOMAINNAME.com/images/IMAGENAME.gif");