Web Design in a Nutshell, 3rd Edition

This example shows the syntax for providing the URL of an image for use as a marker. The list-style-type is set to disc as a backup in case the image doesn’t display or the property can’t be interpreted by the user agent. The resulting list is shown in Figure 23-3.

ul {list-style-image: url(happy.gif);
     list-style-type: disc;
     list-style-position: outside; }

Figure 23-3. Using an image as a marker

Warning

Remember that the URL is always interpreted as relative to the style sheet, whether it’s embedded in the document or in an external .css file elsewhere on the server. Make sure that relative URLs are correct or use absolute URLs (including http:// and the domain) to be safe.