list-style հատկությունը

list-style հատկությունը թույլ է տալիս միաժամանակ սահմանել նշիչի տեսակը list-style-type, նկարը list-style-image և դրա դիրքը list-style-position ul կամ ol ցուցակների համար:

Հատկությունների հերթականությունը նշանակություն չունի:

Օրինակ

Եկեք մեր ցուցակի համար սահմանենք քառակուսի նշիչներ:

html<ul>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Օրինակ

Իսկ այժմ եկեք list-style հատկության մեջ սահմանենք նշիչի նկարը և դրա տեղադրումը տեքստային դաշտի ներսում.

html<ul>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
  <li>ցուցակի տարր</li>
</ul>

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

Результат: