Ιδιότητα list-style-image

Η ιδιότητα list-style-image ορίζει μια εικόνα για το δείκτη μιας λίστας.

Σύνταξη

cssεπιλογέας {
  list-style-image: url("διαδρομή προς το αρχείο εικόνας") | none;
}

Τιμές

Τιμή Περιγραφή
url Διαδρομή προς το αρχείο εικόνας. Το όνομα της εικόνας μπορεί να είναι σε διπλά εισαγωγικά, σε μονά εισαγωγικά ή και χωρίς εισαγωγικά.
none Ακυρώνει την εικόνα για τη λίστα.

Προεπιλεγμένη τιμή: none.

Παράδειγμα

html<ul>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
  <li>στοιχείο λίστας</li>
</ul>
cssul {
  list-style-image: url("li.gif");
}

Результат:

Δείτε επίσης

  • την ιδιότητα list-style-type,
    που ορίζει τον τύπο των δεικτών λίστας
  • την ιδιότητα list-style-position,
    που ορίζει τη θέση των δεικτών
  • την ιδιότητα list-style,
    που είναι η συντομογραφία για τους δείκτες