2.9.2 Absatzkontrolle
en
fr

• 1 Texteinrückung (text-indent)
  • a) Bezeichnungen
  • b) Beispiel 1: Texteinrückung
  • c) Beispiel 2: Textausrückung
  • d) Workshops

-

⇧ 1 Texteinrückung
en Text-indent
fr

• a) Bezeichnungen
• b) Beispiel 1: Texteinrückung
• c) Beispiel 2: Textausrückung
• d) Workshops

-

↑ a) Bezeichnungen

• indent = Kerbe

• text-indent = text indendation = Texteinrückung

-

↑ b) Beispiel 1: Texteinrückung

1) Angabe im Quelltext

<p style="text-indent:2em">
Dieser Textabsatz hat eine Texteinrückung von 2em.
Texteinrückungen dieser Art sind an die 
Ästhetik von Büchern oder Zeitungen angelehnt, 
wo häufig mit dieser Formatierung gearbeitet wird.
</p>

2) Ausgabe im HTML-Dokument

Dieser Textabsatz hat eine Texteinrückung von 2em. Texteinrückungen dieser Art sind an die Ästhetik von Büchern oder Zeitungen angelehnt, wo häufig mit dieser Formatierung gearbeitet wird.

-

c) Beispiel 2: Textausrückung

1) Angabe im Quelltext

<p style="text-indent:-2em;margin-left:2em">
Dieser Textabsatz hat eine negative Texteinrückung 
von -2em. Dem Textabsatz wurde außerdem mit 
<code>margin-left</code> ein Randabstand 
von 2em links zugewiesen. Durch diesen Trick lassen 
sich also nicht nur Texteinrückungen,
sondern auch Textausrückungen realisieren.
</p>

2) Ausgabe im HTML-Dokument

Dieser Textabsatz hat eine negative Texteinrückung von -2em. Dem Textabsatz wurde außerdem mit margin-left ein Randabstand von 2em links zugewiesen. Durch diesen Trick lassen sich also nicht nur Texteinrückungen, sondern auch Textausrückungen realisieren.

-

↑ d) Workshops

• SELFHTML de text-indent (Texteinrückung)
  SELFHTML de Beispiel

• W3Schools en Beispiel: Indent text

• Web Design Group en Syntax: text-indent

↑