list-style-type

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Die Eigenschaft list-style-type beschreibt die Art der Aufzählungszeichen in einer Liste. Eingesetzt werden kann sie für echte Listenelemente (li) sowie für alle anderen Elemente, deren display-Eigenschaft mit list-item deklariert ist.

Vererbt: Ja

Siehe auch: list-style, list-style-image

Werte

Die folgenden Konstanten beschreiben listentypische Symbole als Aufzählungszeichen. Sie werden bei unnummerierten Listen eingesetzt:

  • circle
  • disc
  • square

Die folgenden Konstanten beschreiben das Format der Nummerierung für nummerierte Listeneinträge:

  • decimal
  • decimal-leading-zero
  • lower-roman
  • upper-roman
  • hebrew
  • georgian
  • armenian
  • cjk-ideographic
  • hiragana
  • katakana
  • hiragana-iroha
  • katakana-iroha

Die folgenden Konstanten zeigen in nummerierten Listen Buchstaben anstatt von Zahlen an:

  • lower-alpha oder lower-latin
  • upper-alpha oder upper-latin
  • ower-greek

Mit der Konstante none wird kein Aufzählungszeichen angezeigt.

Standardwert: none (Anmerkung: Dieser Standardwert zählt für Elemente, die nicht als list-item deklariert sind. Für Listeneinträge benutzen Browser in der Regel disc als list-style-type für unnummerierte Listen und decimal als list-style-type für nummerierte Listen. Die meisten Browsern haben auch eigene Standardwerte für verschachtelte Listen.)

Kompatibilität

CSS-Version: 1 (sprachenabhängige Konstanten seit CSS2)

Funktioniert in allen CSS-fähigen Browsern, die meisten beschränken sich auf die Unterstützung der CSS1-Konstanten circle, disc, square, lower-alpha, upper-alpha, lower-roman, upper-roman und none.

Netscape 4 für Macintosh unterstützt den Wert none nicht korrekt – es werden Fragezeichen als Aufzählungszeichen angezeigt.

Beispiel

Die folgenden Stilregeln führen zu unterschiedlichen Aufzählungszeichen auf verschiedenen Listenebenen:

ul {
 list-style-type: square;
 list-style-image: none;
}
ul ul {
 list-style-type: circle;
}
ul ul ul {
 list-style-type: disc;
}

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg