Hier bist Du: Home » Texteigenschaften » text-indent

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
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5 5.5 6 MAC 5+ 5 6 7+ 8 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
Längen- oder Prozentangabe j j j j j j j j j j j j j j j

zum Seitenanfang