list-style: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

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);

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