CSS-Tags (Listen)



Diese Dokumentation ist stark vereinfacht und beschränkt sich auf die wesentlichen Grundlagen.

Listen

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

LIST-STYLE

anwendbar auf <ul> und <ol>.

list-style: decimal outside;

In der Kurzform müssen Sie sich entscheiden, ob Sie einen Wert für list-style-image oder list-style-type angeben. Beides macht auch von der Logik her keinen Sinn.

LIST-STYLE-IMAGE

Ersetzt das Aufzählungszeichen gegen eine Grafik.

list-style-image: none;
Keine Grafik. Standardanzeige. list-style-image: url(img/bull.png); Grafik.

LIST-STYLE-POSITION

Positioniert das Listenzeichen.

list-style-position: inside;
Rückt die erste Zeile ein und richtet die weiteren Zeilen unter dem

Aufzählungszeichen aus. list-style-position: outside; Richtet Aufzählungszeichen und Text getrennt aus.

LIST-STYLE-TYPE

Definiert die Art des Listenzeichen.

list-style-type: none; kein Aufzählungszeichen.

list-style-type: circle; Kreis, nur Rahmen.

list-style-type: disc; gefüllter Kreis.

list-style-type: square; Quadrat.

list-style-type: decimal; Decimalzahlen (1., 2., 3., …)

list-style-type: decimal-leading-zero; Dezimalzahlen (01., 02., 03., …)

list-style-type: lower-roman; kleine römische Zahlen (i., ii., iii., …)

list-style-type: upper-roman; grosse römische Zahlen (I., II., III., …)

list-style-type: lower-greek;
kleine griechische Nummerierung (alpha, beta, gamma, …)

list-style-type: lower-latin; kleine ASCII-Zeichen (a., b., c., …)

list-style-type: upper-latin; grosse ASCII-Zeichen (A., B., C., …)

list-style-type: armenian; Armenische Nummerierung

list-style-type: georgian; Georgische Nummerierung

list-style-type: katakana; japanische Katakana-Zeichen

list-style-type: katakana-iroha; japanische Katakana-Iroha-Zeichen

list-style-type: hiragana; japanische Hiragana-Zeichen

list-style-type: hiragana-iroha; japanische Hiragana-Iroha-Zeichen

list-style-type: cjk-ideographic; ideografische Zeichen

list-style-type: hebrew; hebräische Zeichen

Seite erstellt: am 19.10.2017,   aktualisiert am: 14.04.2022,   Autor: René A. Da Rin



Schreibe eine Antwort

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.