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:

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

cssul {
  list-style: square outside;
}

Результат:

Example

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

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

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

Результат: