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

Παρακαλώ δείτε επίσης:

Δефίνηση και χρήση

Η ιδιότητα listStylePosition καθορίζει πού τοποθετούνται τα σημάδια των σημειώσεων λίστας.

Περιγραφή

Η ιδιότητα αυτή χρησιμοποιείται για να δηλώσει τη θέση των σημάτων της λίστας σε σχέση με το περιεχόμενο της σημειώσης. Η εξωτερική (outside) σημαία τοποθετείται σε μια απόσταση από τα όρια του στοιχείου της λίστας, αλλά αυτή η απόσταση δεν ορίζεται στο CSS. Η εσωτερική (inside) σημαία αντιμετωπίζεται ως αν τοποθετηθεί στο κειμενο της σημειώσης.

Παρακαλώ δείτε επίσης:CSS Λίστες

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

Εγχειρίδιο HTML DOM:Χαρακτηριστικό listStylePosition

Παράδειγμα

Καθορίζει τη θέση των σημάτων των σημειώσεων λίστας στη λίστα:

ul
  {
  list-style-position:inside;
  }

Προσπαθήστε το προσωπικά

Γλώσσα σύνταξης CSS

list-style-position: inside|outside|initial|inherit;

Τιμή χαρακτηριστικού

Τιμή Περιγραφή
inside Τα σημάδια των σημειώσεων λίστας τοποθετούνται μέσα στο κείμενο και το κείμενο προσαρμόζεται σύμφωνα με τα σημάδια.
outside Προεπιλεγμένη τιμή. Μπορείτε να διατηρήσετε τα σημάδια της λίστας στο αριστερό μέρος του κειμένου. Τα σημάδια των σημειώσεων λίστας τοποθετούνται εκτός κειμένου και το κείμενο δεν είναι προσαρμοσμένο σύμφωνα με τα σημάδια.
inherit Καθορίζει ότι η τιμή του χαρακτηριστικού list-style-position πρέπει να εισαχθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: outside
Επιδίωξη: yes
Έκδοση: CSS1
Γλώσσα σύνταξης JavaScript: object.style.listStylePosition="inside"

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

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

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

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

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