Ιδιότητα list-style

Η ιδιότητα list-style επιτρέπει τον ταυτόχρονο ορισμό του τύπου του δείκτη list-style-type, της εικόνας list-style-image και της θέσης του list-style-position για λίστες ul ή ol.

Η σειρά των ιδιοτήτων δεν έχει σημασία.

Παράδειγμα

Ας ορίσουμε για τη λίστα μας τετράγωνους δείκτες:

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

Результат:

Παράδειγμα

Και τώρα ας ορίσουμε στην ιδιότητα list-style μια εικόνα για το δείκτη και τη θέση του μέσα στο κείμενο:

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

Результат: