HTML DOM listStyleImage Property
Complete Style Object Reference
Definition and Usage
The listStyleImage property sets an image as the list-item marker.
Syntax
Object.style.listStyleImage=url|none
|
Possible Values
Value |
Description |
url |
The path to the image |
none |
No image will be displayed |
Example
The following example changes the list-item marker of a list:
<html>
<head>
<script type="text/javascript">
function changeList()
{
document.getElementById("ul1").style.listStyleImage="url('blueb.gif')";
}
</script>
</head>
<body>
<ul id="ul1">
<li>Coffee</li>
<li>Tea</li>
<li>Water</li>
<li>Soda</li>
</ul>
<input type="button" onclick="changeList()"
value="Change list-item marker" />
</body>
</html>
|
Try-It-Yourself Demos
listStyleImage - Change the list-item marker of a list
Complete Style Object Reference
|