Specifies an image for use as a marker

Description

You can use an image as the marker through the list-style-image property.

Example

The following code uses an Image As a List Marker.


<!DOCTYPE HTML>
<html>
<head>
<style>
ul  {<!--from   w  w w . jav a 2 s.co m-->
   list-style-image:  url('http://www.java2s.com/style/download.png');
}
</style>
</head>
<body>
    <ul>
        <li>XML</li>
        <li>CSS</li>
        <li>Javascript</li>
        <li>Java</li>
        <li>SQL</li>
        <li>HTML</li>
    </ul>
</body>
</html>

Click to view the demo





















Home »
  HTML CSS »
    CSS »




CSS Introduction
CSS Background
CSS Border
CSS Box Layout
CSS Text
CSS Font
CSS Form
CSS List
CSS Selectors
CSS Others
CSS Table