CSS/Eigenschaften/text-indent
Aus SELFHTML-Wiki
< CSS | Eigenschaften(Weitergeleitet von Text-indent)
Die Eigenschaft text-indent bestimmt bei mehrzeiligem Fließtext die Ein- oder Ausrückung des Texts in der ersten Zeile des Blockelements.
- Erlaubte Werte
Weite
each-linehangingDie Weite gibt an, um wieviel ein- oder ausgerückt wird. Hierfür ist die Angabe einer Länge (auch negativ) oder eines Prozentwertes (der sich auf die Elementbreite bezieht) zulässig.
Die Schlüsselwörter
each-lineundhangingkönnen optional hinzugefügt werden. Sie existieren allerdings schon über 10 Jahre in der CSS Text Level 3 Spezifikation, ohne dass sie in einem Browser implementiert wurden.-
each-line: Die Ein- oder Ausrückung wird zusätzlich auf Zeilen angewendet, die auf einen erzwungenen Zeilenumbruch folgen -
hanging: Die Wirkung von text-ident wird umgekehrt: Es wirkt auf alle Zeilen außer der ersten Zeile. Bei Kombination miteach-linewerden auch die Zeilen, die auf einen erzwungenen Umbruch folgen, ausgenommen.
-
- Vererbung steuernde Werte
inherit,initial,unsetundrevert - Standardwert
inherit- anwendbar auf
Blockelemente
- Vererbung
ja
- animierbar
ja
Beispiel
p {
text-indent: 10%;
}
rückt die erste Zeile um 10% der Breite des Blockelements ein
Beachten Sie: Die Schlüsselwörter
each-line und hanging sind noch nirgends implementiert. Beachten Sie die Kompatibilitätsinformationen bei caniuse.Empfehlung: Den Effekt von
hanging können Sie nachbilden, indem Sie einen negativen Wert für text-indent setzen und dem Absatz ein gleich großes padding-left geben.Siehe auch
Weblinks
- Spezifikation (W3C): text-indent CSS1 Text formatting model details
- MDN: text-indent
- Details: caniuse.com
Liste der CSS-Eigenschaften