Posted By

Masis on 05/17/10

Tagged

Versions (?)

Last Edited at 05/17/10 12:30pm

Statistics

Viewed 979 times

Favorited by 0 user(s)

Related snippets

CSS list-style-image

/ Published in: CSS

This parameter determines the image address which serves as a list marker. This attribute is inherited; therefore value none is used for separate elements of the list for marker restoration.

Syntax

list-style-image: none | url (a path to a file)

Arguments
Relative or absolute way to a graphic file is used as the value. The argument none cancels the image as a marker for a parental element.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

Example
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>list-style-image</title>
  <style type="text/css">
   UL {
    list-style-image: url('images/book.gif');
   }
  </style>
 </head> 
 <body> 
 
  <ul>
   <li>Lorem ipsum dolor sit amet</li>
   <li>Consectetuer adipiscing elit</li>
   <li>Sed diem nonummy nibh euismod</li>
   <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
   enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
   nisl ut aliquip ex ea commodo consequat.</li>
  </ul>
 
 </body>
</html>