Webdesign mit (X)HTML und CSS

Art des Aufzählungszeichens

Die Eigenschaft list-style-type legt die Art des Aufzählungszeichens für Listen fest.

Für ungeordnete Listen (ul) sind folgende Werte möglich:

none

Es wird kein Aufzählungszeichen angezeigt

circle

Es wird ein nicht ausgefüllter Kreis angezeigt.

square

Es wird ein ausgefülltes Quadrat angezeigt.

disc

Es wird ein ausgefüllter Kreis angezeigt

Der Initialwert für ungeordnete Listen (der ersten Ebene) ist disc.

Die Werte für nummerierte Listen (ol) sind beim W3C abrufbar

Position des Aufzählungszeichens

Die Eigenschaft list-style-position bestimmt die Position des Aufzählungszeichens.

Mögliche Werte:

inside

Die erste Zeile des Listeneintrags wird für das Aufzählungszeichen eingerückt.

outside

Das Aufzählungszeichen steht außerhalb des Listeneintrags.

Bild als Aufzählungszeichen

Die Eigenschaft list-style-image legt ein Bild als Aufzählungszeichen fest.

1. ul {
2. list-style-image:url(listenbild.jpg);
3. }

Die Position von list-style-images lässt sich über inside/outside hinaus nicht beeinflussen. Wenn Sie Ihr Bild als Aufzählungszeichen kontrollieren wollen, eignet sich ein Hintergrundbild.

Zusammenfassende Eigenschaft

Die list-style-Eigenschaft fasst die genannten Formatierungen für Listen zusammen.

1. ul {
2. list-style:square outside url(listenbild.jpg);
3. }

Die Reihenfolge der Angaben ist beliebig. Es ist die Angabe von mindestens einem Wert erforderlich; die nicht genannten Werte werden auf den Initialwert gesetzt.