CSS Schnellstart – Texttransformation und -ausrichtung

Mit dem Text kannst du noch ein paar weitere Stylings mit CSS durchführen.

Starten wir mit der "Dekoration". Die Eigenschaft text-decoration beschreibt die Möglichkeit eine Linie durch oder über oder unter den Text zu setzen. Dies kannst du mit den Werten overline, underline und line-through benutzen:

text-decoration: underline;

Dann kannst du bestimmen ob der Text in GROßBUCHSTABEN, kleinbuchstaben oder Großen Anfangsbuchstaben "transformiert" werden.

Die Eigenschaft heißt text-transform und nimmt die Werte uppercase, lowercase und captalize an.

text-transform: uppercase;

Schatten sind auch bei Text möglich,  dafür nutzt du die text-shadow-Eigenschaft. Diese ist wieder eine kurze Schreibweise mit drei Werten.

text-shadow: 3px 3px grey;

Der erste Wert legt den horizontalen Abstand und der zweite den vertikalen Abstand fest. Der dritte Wert bezieht sich auf die Farbe.

Die Ausrichtung des Textes kann mit der Eigenschaft text-align festgelegt werden. Hierbei kannst du die Werte left, center oder right benutzen:

text-align: center;

Genug gelesen, jetzt schauen wir uns das Ganze in Aktion an: