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

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

Η συντομευμένη ιδιότητα list-style ρυθμίζει όλες τις ιδιότητες της λίστας σε μια δήλωση.

Σημείωση

Η ιδιότητα αυτή είναι μια συντομευμένη ιδιότητα που καλύπτει όλες τις άλλες ιδιότητες του στυλ λίστας. Επειδή εφαρμόζεται σε όλους τους στοιχεία με display list-item, μπορεί να χρησιμοποιηθεί μόνο σε στοιχεία li στο κανονικό HTML και XHTML, αλλά στην πραγματικότητα μπορεί να εφαρμοστεί σε οποιοδήποτε στοιχείο και να κληροδοτηθεί από το στοιχείο list-item.

Μπορείτε να ρυθμίσετε τις παρακάτω ιδιότητες σε σειρά:

Μπορείτε να μην ρυθμίσετε κάποια τιμή, όπως "list-style:circle inside;" είναι επίσης αποδεκτή. Οι ιδιότητες που δεν ρυθμίζονται θα χρησιμοποιήσουν την προεπιλεγμένη τους τιμή.

Επίσης δείτε:

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

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

Παράδειγμα

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

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

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

Γλώσσα γραφής CSS

list-style: list-style-type list-style-position list-style-image|initial|inherit;

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

Τιμή Περιγραφή
list-style-type Ρύθμιση του τύπου σημαδιών των στοιχείων της λίστας. Δείτε:list-style-type θαυμάσιες τιμές.
list-style-position Ρύθμιση του σημείου τοποθέτησης των σημαδιών των στοιχείων της λίστας. Δείτε:list-style-position θαυμάσιες τιμές.
list-style-image Χρήση εικόνων για την αντικατάσταση των σημαδιών των στοιχείων της λίστας. Δείτε:list-style-image θαυμάσιες τιμές.
inherit Προβλέπεται η απόκτηση της τιμής της ιδιότητας list-style από τον γονικό στοιχείο.

Τεχνικά στοιχεία

Προεπιλεγμένη τιμή: disc outside none
Εκληροδότηση: yes
Έκδοση: CSS1
Γλώσσα γραφής JavaScript: object.style.listStyle="decimal inside"

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

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

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

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

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