Erstzeilen-Einzug text-intent
Mit der Eigenschaft text-indent können alle Elemente, die einen Text beinhalten gesteuert werden.
- Eine positive oder negative Längenangabe als auch
- Eine prozentuale Angabe relativ zur Breite des beinhaltenden Blocks. und
inherit: (Standardwert) wird dazu notiert.
(1) Die erste Zeile mit (text-indent: 12px;) ist nach rechts (positiv) eingezogen. Nach dem Zeilenende setzt sich der folgende Inhalt am linken Rand fort egal ob der Umbruch automatisch oder explizit <br> erfolgt. Mit diesem Absatzformat wird der klassische Buchstil nachempfunden.
(2) Die erste Zeile (padding-left: 24px; text-indent: -24px;) beginnt am linken Rand. Jede Zeile nach dem Umbruch wird eingezogen. Dieses Absatzformat hat das Erscheinungsbild einer Liste.
- Listendarstellung: gefolgt von weiterem Text der nach dem Umbruch aber eingerückt erscheint. Der Listenpunkt „•“ ist erhalten geblieben.
- Liste ohne Kennung: Manchmal wird eine Textausrichtung mittels Listen bevorzugt. Die Kennzeichnung soll aber entfallen. Das wird mit
list-style-type: none;erreicht.
- Der Absatz im Buchstil weist eine mittels positivem
text-indent-Wert eingerückte erste Zeile auf. Weil die Einrückung vererbbar ist, muss man ihr Verhalten bei Kindelementen kontrollieren. - Dem Absatz im Listenstil wird ein negativer
text-indent: -24px;-Wert zugewiesen und derselbe Wert positiv fürpadding-left: 24px;. Damit rückt nach dem Umbruch jede Zeile ein.