Die erste Zeile eines Absatzes einrücken
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Problem
Sie wollen die jeweils erste Zeile jedes Absatzes einrücken und so die Absätze der nächsten Abbildung in die Absätze der übernächsten Abbildung umwandeln.
Abbildung: Die Standarddarstellung der Absätze.
Abbildung: Die jeweils ersten Zeilen der Absätze wurden eingerückt.
Lösung
Benutzen Sie die Eigenschaft text-indent, um die Einrückung anzulegen:
Diskussion
Die Eigenschaft text-indent akzeptiert absolute und relative Längeneinheiten sowie Prozentwerte. Bei Prozentwerten beziehen sich diese auf die Breite des Elternelements – nicht auf die gesamte Seitenbreite. Anders ausgedrückt: Hat der Absatz eine Breite von 200 Pixeln und legen Sie die Einrückung auf 35% fest, so entspricht das einer Verschiebung um 70 Pixel.
Siehe auch
Die CSS 2.1-Spezifikation für weitere Informationen zur Eigenschaft text-indent.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" 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.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln