list-style-image

The list-style-image property allows to define a leading image that is rendered for each list item.

The possible values are.

<url>e.g. url("fellas.jpg")
none

snippet
<html>
<head>
</head>
<body>
<ul style="list-style-image: url(" bullet-1.png ")">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-image: url(" bullet-2.png ")">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-image: url(" bullet-3.png ")">
<li>item 1</li>
<li>item 2</li>
</ul>
</body>
</html>
Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents +