The list-style property

The list-style property allows you to simultaneously set a list-style-type - marker type, list-style-image - image and list-style-position - its position for ul or ol lists.

The order of the properties does not matter.

Example

Let's set our list to square markers:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style: square outside;
}

Now let's set the list-style property to an image for the marker and its position inside text field:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style: url("li.gif") inside;
}