Proprietatea list-style

Proprietatea list-style permite setarea simultană a tipului de marcator list-style-type, a imaginii list-style-image și a poziției acestuia list-style-position pentru liste ul sau ol.

Ordinea proprietăților nu are importanță.

Exemplu

Să setăm pentru lista noastră marcatori pătrați:

html<ul>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Exemplu

Acum să setăm în proprietatea list-style o imagine pentru marcator și poziția sa în interiorul câmpului text:

html<ul>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
</ul>

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

Результат: