Właściwość list-style

Właściwość list-style pozwala jednocześnie ustawić typ znacznika list-style-type, obrazek list-style-image i jego położenie list-style-position dla list ul lub ol.

Kolejność właściwości wartości nie ma.

Przykład

Ustawmy dla naszej listy kwadratowe znaczniki:

html<ul>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Przykład

A teraz ustawmy we właściwości list-style obrazek dla znacznika i jego położenie wewnątrz pola tekstowego:

html<ul>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
  <li>element listy</li>
</ul>

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

Результат: