Texteinrückung: `text-indent`

Diese Eigenschaft gibt es seit Version: CSS 1

Mit text-indent kann die erste Zeile eines Absatzes eingerückt werden. Auch eine „Textausrückung“ nach links ist möglich, dann muß man einen negativen Wert für »text-indent« verwenden.

Code-Beispiel für `text-indent`:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
	"http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
   <head> 
    <title>Beispiel für Texteinrückung</title>
  <style type="text/css"> 
    .einruecken {text-indent: 3em;}
  </style> 
  </head> 
  <body> 
    <p class="einruecken">Dies ist ein längerer Absatz, der über mehrere Zeilen geht.<br>

Dabei wird aber nur die erste Zeile um 3em eingerückt.<br> 
Die anderen Zeilen fangen ganz normal links an. </p>
  </body> 
</html>

Beispiel ansehen

Initialwert:	0
Vererbbar:	Ja
Anwendbar auf:	Block-Elemente
Medium:	Visual
Werte:	Längen- oder Prozentangabe Positive Werte verschieben den Text nach rechts, negative nach links. Inherit
Prozentuale Werte:	Beziehen sich auf die Breite des Eltern-Elementes