Erstzeileneinzug per CSS
Ich finde es immer wieder eine Freude, auf Webseiten zu stoßen, deren Gestaltung einem guten Druckbild ähnelt. Ein Stilmittel sind Erstzeileneinzüge. Sie sorgen für eine gute Lesbarkeit, besser noch als Leerzeilen zwischen den Absätzen.
Der Erstzeileneinzug wird nur in Folgeabsätzen angewendet, nicht jedoch im ersten Absatz einer Seite, nach einer Überschrift, einem Zitat, einer Tabelle oder einer Leerzeile, die einen Themenwechsel anzeigt.
Mit CSS braucht man sich nicht zu verbiegen und etwa jeden Absatz einzeln auszuzeichnen, ob die erste Zeile eingerückt werden soll oder nicht. Hier die Lösung:
p + p { text-indent: 1.5em; }
p + p rückt die auf den ersten Absatz folgenden Absätze um 1.5em ein. Das Pluszeichen verknüpft einen Selektor mit den definierten Formatierungen, wenn dieser direkt nach einem anderen Selektor verwendet wird (siehe auch „Verschachtelte Selektoren“: http://www.css4you.de/wscss/css04.html).
Mit den folgenden Stylesheet-Angaben verhindert man gleichzeitig, dass unerwünschte Absatzzwischenräume entstehen:
p { margin-bottom: 0; }
p + p { margin-top: 0; text-indent: 1.5em; }
Entgegen anders lautender Bräuche bin ich der Meinung, dass Absatzzwischenräume jeweils einer vollen Leerzeile entsprechen und demnach nur von der gewählten Zeilenhöhe abhängig sein sollten. Leerzeilen sollten in Fließtexten sparsam eingesetzt werden und nur tatsächliche Themenwechsel anzeigen.
Weitere Informationen sind hier zu finden:
http://www.w3.org/Style/Examples/007/indent.html
http://de.wikipedia.org/wiki/Absatz_(Text)
Zuletzt aktualisiert am 20.03.2012 von Angelika Oberhof.

Kommentieren
Kommentar von irgendwer | 20.03.2012
Die Eigenschaft heißt "t"ext-indent...
Es wäre hilfreich, dies auszubessern.
Danke, lg
Antwort von Angelika Oberhof
Dank für den Hinweis!