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;
}
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