Zurück: Textformatierung
Weiter: Box-Modell

Listen

list-style-type

Mit der Eigenschaft list-style-type bestimmen Sie Art des Bulletzeichens bei ungeordneten Listen (ul) beziehungsweise die Art der Nummerierung bei geordneten Listen (ol).

disc, circle und square
Bestimmt die Art des Bulletzeichens bei ungeordneten Listen. Deren Darstellung ist abhängig vom Browser. Ihr Browser stellt die Zeichen wie folgt dar:
  • list-style-type: disc
  • list-style-type: circle
  • list-style-type: square
  • Sie werden bereits festgestellt haben, dass Browser bei verschachtelten Listen abhängig von der Verschachtelungstiefe unterschiedliche Bulletzeichen darstellen. Sehen Sie dazu auch die Darstellung der verschachtelten Listen in Einführung in XHTML - Listen.

Die folgenden Werte beziehen sich auf geordnete Listen. Viele dieser Werte werden nicht von allen Browsern interpretiert, einige im Moment nur von aktuellen Mozilla-Browsern. Sollte ein Browser einen Wert nicht implementiert haben, wird statt dessen decimal als Initialwert angenommen.

decimal
Dezimale Nummerierung, beginnend bei 1.
decimal-leading-zero
Dezimale Nummerierung mit führender Null (01, 02, ..., 98, 99).
lower-roman
Römische Nummerierung in Kleinbuchstaben (i, ii, iii, iv, v, ...)
upper-roman
Römische Nummerierung in Großbuchstaben (I, II, II, IV, V, ...)
hebrew
Traditionelle hebräische Nummerierung.
georgian
Traditionelle georgische Nummerierung (an, ban, gan, ...).
armenian
Traditionelle armenische Nummerierung
cjk-ideographic
Nummerierung mit ideografischen Zeichen.
hiragana, katakana, hiragana-iroha und katakana-iroha
Nummerierungen in japanisch.
lower-latin oder lower-alpha
Nummerierung in kleinen ASCII-Buchstaben (a, b, c, d, e, ...).
upper-latin oder upper-alpha
Nummerierung in großen ASCII-Buchstaben (A, B, C, D, E, ...)
lower-greek
Nummerierung in griechischen Kleinbuchstaben (α., β., γ., δ, ...)
  • Es ist in CSS nicht geregelt, wie bei alphabetischer Nummerierung nach Ende des Buchstabenvorrats des Alphabets, zum Beispiel bei lower-latin nach 26 Listenpunkten, weiternummeriert wird.
list-style-image
none
<URI>
Mit der Eigenschaft list-style-image können Sie ein eigenes Bulletzeichen in Form einer Grafik an Stelle des gewöhnlichen Zeichens einbinden. Die Schreibweise entspricht der bei Einbindung eines Hintergrundbildes: 
ul { list-style-image: url(/bilder/bullet.png) }
inherit
list-style-position
outside
Das Bulletzeichen steht den einzelnen Listenpunkten vor.
inside
Das Bulletzeichen befindet sich innerhalb des Textflusses des Listenpunktes.
inherit
list-style
Mit der Eigenschaft list-style können Die die Eigenschaften list-style-type, list-style-image und list-style-position zusammenfassen. Folgende Angaben sind also gleich: 
ul { list-style: circle inside; }

ul {
   list-style-type: circle;
   list-style-position: inside;
}

Für shorthand properties gibt es keinen Initialwert.

Zurück: Textformatierung
Weiter: Box-Modell
Zum Seitenanfang