sets all list-style properties


list-style: ***;

Browser
Internet Explorer Firefox Opera

The list-style property is a shorthand property for setting all list-style properties.

This property can apply to the UL, OL, and LI element.


ul {
list-style: square inside url(image/mark.gif);
}


Property Value Explanation
list-style each value sets type, position, and image

list-style: square inside url(image/mark.gif);

list-style: square inside url(image/mark.gif) ;
list-style- type position image

The unnecessary values can be omitted.
list-style: square inside;


Example

<html>
<head>
<title>TAG index</title>

<style type="text/css">

ul { list-style: square inside url(image/mark.gif); }

</style>

</head>
<body>

<ul>
<li>First list item<br>Example text</li>
<li>Second list item<br>Example text</li>
<li>Third list item<br>Example text</li>
</ul>

</body>
</html>
Output
  • First list item
    Example text
  • Second list item
    Example text
  • Third list item
    Example text