CSS text-indent Eigenschaft
- Seite zuvor text-emphasis-style
- Nächste Seite text-justify
Definition
Die Eigenschaft text-indent legt den Einzug des ersten Zeilentextes in einem Textblock fest.
Anmerkung:Negative Werte sind erlaubt. Wenn negative Werte verwendet werden, wird die erste Zeile links eingerückt.
Hinweis:Vor CSS 2.1 wurde text-indent immer der berechnete Wert, nicht der deklarierte Wert, geerbt.
Beschreibung
Verwendet, um den Einzug der ersten Inhaltszeile eines Blockelements zu definieren. Dies wird am häufigsten verwendet, um einen "Registerkarten"-Effekt zu erstellen. Negative Werte sind erlaubt, was einen "hängenden Einzug"-Effekt erzeugt.
Weitere Informationen:
CSS-Tutorial:CSS Text
HTML DOM Referenzhandbuch:textIndent-Eigenschaft
Beispiel
Den Einzug der ersten Zeile eines Absatzes um 50 Pixel einziehen:
p
{
text-indent:50px;
}
CSS-Syntax
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| length | Definiert einen festen Einzug. Standardwert: 0. |
| % | Definiert den Einzug basierend auf dem Breitenprozentsatz des übergeordneten Elements. |
| inherit | Es wird vorgeschrieben, dass der Wert der Eigenschaft text-indent von dem übergeordneten Element geerbt wird. |
Technische Details
| Standardwert: | nicht spezifiziert |
|---|---|
| Vererbbarkeit: | ja |
| Version: | CSS1 |
| JavaScript-Syntax: | object.style.textIndent="50px" |
Mehr Beispiele
- Text einziehen
- Dieses Beispiel zeigt, wie man den Einzug des Textes am Anfang einer Zeile einzieht.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- Seite zuvor text-emphasis-style
- Nächste Seite text-justify
