list-style Özelliği

list-style özelliği, list-style-type işaretçi tipini, list-style-image resmini ve list-style-position konumunu ul veya ol listeleri için aynı anda ayarlamaya olanak tanır.

Özelliklerin sırasının bir önemi yoktur.

Örnek

Listemiz için kare işaretleyiciler ayarlayalım:

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

Результат:

Örnek

Şimdi ise list-style özelliğinde işaretleyici için bir resim ve onun metin alanının içindeki konumunu ayarlayalım:

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

Результат: