HTML/CSS/CSS Attributes and Javascript Style Properties/list style image

Материал из Web эксперт
Перейти к: навигация, поиск

"list-style-image" Example

   <source lang="html4strict">
   

<html> <body>

  • Item 1.
  • Item 2.
  • Item 3.
  • Item 4.
  • Item 5.

</body> </html>


     </source>
   
  


list-style-image: url("m.gif")

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <title>Using a large image as a list marker</title>
 <style type="text/css">
 body { 
       line-height: 1.5em;
   }
   ul {
       list-style-image: url("m.gif");
   }
 </style>
 

</head> <body>

  • water
  • yeast
  • flour
  • oil
  • salt

</body> </html>

</source>