CSS/Eigenschaften/text-indent

Browserunterstützung
caniuse.com

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-line hanging

Die 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-line und hanging kö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 mit each-line werden auch die Zeilen, die auf einen erzwungenen Umbruch folgen, ausgenommen.

Vererbung steuernde Werte inherit, initial, unset und revert

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

• CSS-Tutorials: Textausrichtung

Weblinks

• Spezifikation (W3C): text-indent CSS1 Text formatting model details
• MDN: text-indent
• Details: caniuse.com