list-style-position
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Mit der Eigenschaft list-style-position können Aufzählungszeichen entweder außerhalb oder innerhalb des Listeninhalts positioniert werden. Die folgende Abbildung veranschaulicht beide Varianten.
Abbildung: Positionierung des Aufzählungszeichens mit list-style-position.
Vererbt: Ja
Siehe auch: list-style
Werte
inside oder outside
Standardwert: outside
Kompatibilität
CSS-Version: 1
Funktioniert in allen CSS-fähigen Browsern, mit Ausnahme von Netscape 4. Im Internet Explorer 4 für Macintosh kommt es zu Darstellungsproblemen mit inside.
Beispiel
Folgende Stilregel positioniert die Aufzählungszeichen für nummerierte sowie unnummerierte Listen der Klasse kompakt innerhalb des Textblocks und löscht den automatisch bei Listen entstehenden linken Einzug:
ul.kompakt, ol.kompakt{
list-style-position: inside;
margin-left: 0;
}| 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