CSS

HTML

COMPONENTS

CODE HUB

CSS Text Einrückungsgenerator

Konfiguration

Länge

Klasse

Vorschau

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Code

ReadyTools Academy

Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.

Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯

Jetzt starten

CSS Text Einrückungsgenerator

In CSS wird die Eigenschaft text-indent verwendet, um die Einrückung der ersten Textzeile innerhalb eines Block-Level-Elements zu steuern. Sie ermöglicht es Ihnen, den Abstand anzugeben, um den die erste Textzeile vom linken Rand oder, in einigen Fällen, vom rechten Rand eingerückt wird.

Die grundlegende Syntax für die Verwendung der Eigenschaft text-indent lautet wie folgt:

.text-indent-element { text-indent: 20px; }

In diesem Beispiel:

  • Die Klasse .text-indent-element legt die Texteinrückung für die erste Textzeile auf 20 Pixel fest. Sie können auch andere Längeneinheiten wie Ems oder Prozentsätze verwenden.

Sie können auch negative Werte verwenden, um hängende Einzüge zu erstellen, bei denen die erste Zeile links vom übrigen Text eingerückt wird. Zum Beispiel:

.hanging-indent-element { text-indent: -20px; }

Die Eigenschaft text-indent wird häufig verwendet, um Absätze, Zitate oder andere Block-Level-Textelemente zu formatieren, um den Text optisch ansprechender zu gestalten oder die Lesbarkeit zu verbessern, indem eine angemessene Einrückung für die erste Zeile festgelegt wird.