Textgestaltung

Textformatierung

Für die Positionierung und Gestaltung von (Fließ-)Text bietet CSS diese Möglichkeiten an:

Beispiel - Positionierung von Text in CSS

Texteinrücken:
text-indent

Textpositionierung:
text-align: left | center | right | justify

Zeilenhöhe:
(unsichbarer Rahmen oben und unten bei jeder Zeile) line-height

Wort-Abstand:
word-spacing

Zeichen-Abstand:
letter-spacing

Veränderung der Groß-/Kleinschreibung:
text-indent

Text-Decoration:
none | underline | overline | line-through | blink

Textausrichtung

Die vertikale Ausrichtung von Text kann in CSS mit Hilfe folgender Befehle erfolgen: vertical-align baseline | sub | super | bottom | text-bottom | middle | top | text-top | <Prozentwert>

Wertdefinition bei vertikaler Textausrichtung in CSS

baseline:
text-indent

sub/super:
text-align: left | center | right | justify

bottom/text-bottom:
(unsichbarer Rahmen oben und unten bei jeder Zeile) line-height

middle:
word-spacing

text-top:
letter-spacing

<Prozentwert>:
text-indent

Text-Decoration:
none | underline | overline | line-through | blink

Durch die Kombination dieser verschiedenen CSS Gestaltungselemente lassen sich Texte nahezu beliebig verändern:

Beispiel - Textgestaltung in css

p {
text-indent: 2px;
text-align: left;
word-spacing: normal;
letter-spacing: 5px;
text-decoration: underline overline;
text-transform: uppercase;
}

Beispiel:

css lernen - einfach und schnell