Posted By

Masis on 05/17/10


Tagged

css list style


Versions (?)

CSS list-style-image


 / Published in: CSS
 

URL: http://phpforms.net/tutorial/tutorial.html

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.

  1. Example
  2.  
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  7. <title>list-style-image</title>
  8. <style type="text/css">
  9. UL {
  10. list-style-image: url('images/book.gif');
  11. }
  12. </style>
  13. </head>
  14. <body>
  15.  
  16. <ul>
  17. <li>Lorem ipsum dolor sit amet</li>
  18. <li>Consectetuer adipiscing elit</li>
  19. <li>Sed diem nonummy nibh euismod</li>
  20. <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
  21. enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis
  22. nisl ut aliquip ex ea commodo consequat.</li>
  23. </ul>
  24.  
  25. </body>
  26. </html>

Report this snippet  

You need to login to post a comment.