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...

Example:

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

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

Check Out Our Sponsors
Check Out Our Host

ANHosting

Free CSS.com is proud to be hosted by ANHosting.com. US Based Support starting at only 23 cents a day.
Use the coupon code FREECSS for 3 free months of hosting. Click Here »

Bookmarks
RSS Feed    Search

Looking for FREE HTML email templates - Sign up for a FREE account with MailChimp today!