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

Ορισμός και χρήση

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

Επεξήγηση

Αυτή η ιδιότητα καθορίζει την εικόνα που χρησιμοποιείται ως ετικέτα στοιχείων μιας σειριακής ή μη σειριακής λίστας. Η θέση της εικόνας σχετικά με το περιεχόμενο του στοιχείου της λίστας ελέγχεται συνήθως με την ιδιότητα list-style-position.

Σημειώσεις:Προτείνεται να καθοριστεί η ιδιότητα "list-style-type" για να διασφαλιστεί ότι η εικόνα θα είναι διαθέσιμη.

Δείτε επίσης:

Εκμάθηση CSSCSS Λίστα

Εγχειρίδιο CSSCSS list-style ιδιότητα

Εγχειρίδιο HTML DOMΙδιότητα listStyleImage

Παράδειγμα

Ρυθμίστε την εικόνα ως σήμα ετικέτας στοιχείων της λίστας:

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Δοκιμάστε το προσωπικά

Γλώσσα γραμματογραφίας CSS

list-style-image: none|url|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
URL Ο δρόμος της εικόνας.
none Προεπιλεγμένη. Δεν εμφανίζεται κανένα γράφημα.
inherit Ορίζει ότι η τιμή της ιδιότητας list-style-image πρέπει να προέρχεται από το γονικό στοιχείο.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: none
Προσάρτηση: yes
Έκδοση: CSS1
Γλώσσα γραμματογραφίας JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"

Περισσότερες παραδείξεις

Χρήση εικόνας ως σήματος ετικέτας στοιχείων της λίστας
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε εικόνα ως σήμα ετικέτας στοιχείων της λίστας.

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στην τράπεζα δεδομένων δείχνει την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτή την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0