Mit der CSS Eigenschaft list-style-type ist das anpassen der Aufzählungszeichen in Listen möglich. Einzelne Stile können für sortierte ( <ol> sorted list) sowie für unsortierte ( <ul> unsorted list) Listen angewendet werden. Die Stile sind bereits festgelegt und können per Name angesteuert werden.
Ähnlich ist list-style-image, wo Bilder (Grafiken) festgelegt werden können.
Beschreibung und Syntax zu CSS list-style-type
ul{ list-style-type: square; }
Informationen und Werte
Vererbbar: ja
Initialwert: disc (ul-Elemente), decimal (ol-Elemente)
Werte:
- none | kein Stil verwenden (Listenelement bleibt eingerückt)
- circle | unbefüllter Kreis
- decimal | dezimale Zahl, durchnummerierend (1. | 2. | 3. | …)
- decimal-leading-zero | dezimale Zahl, durchnummeriet mit führender Null (01. | 02. | 03. | …)
- disc | ausgefüllter Kreis
- lower-greek | griechische Nummern, klein (alpha | beta | gamma | …)
- lower-latin | ASCII, klein ( a. | b. | c. | …)
- lower-roman | römische Nummern, klein (i. | ii. | iii. | …)
- square | ausgefülltes Quadrat
- upper-latin| ASCII, groß ( A. | B. | C. | …)
- upper-roman| römische Nummern, groß (I. | II. | III. | …)
- inherit (vererbt)
Besonderheiten: anwendbar auf ol und ul Listen, sowie mittels display: list-item markierte Elemente
Über den Autor Speedy86
Marcus alias Speedy86 ist Administrator dieser Webseite und veröffentlicht unter andem News und interessante Artikel rund um WordPress, Suchmaschinenoptimierung, Programmierung und Webdesign. Im Webmaster-Glossar.de gibt es viel wissenswerten Stoff für Webmaster, Webworker bzw. Selbständige im Internet.Artikel:
Bereits 439 Artikel verfasst!