Sie sind hier: Home > Tricks > HTML & CSS > text-tr...

text-transform

Stand vom 13.12.2002
Eine CSS Eigenschaft macht es möglich die Buchstaben zu transformieren.

Fachbegriffe
 Linktipps
Werbung  GPS Navigation   Webhosting inkl. Domain   AWD Erfahrung

DMit CSS kann man Texte sehr vielseitig verändern. Mit der text-transform Eigenschaft können Sie angeben, das ein Text nur in Groß-, oder Kleinbuchstaben angezeigt wird. Zudem können Sie festlegen, das ein entsprechend ausgezeichnetes Wort immer mit Großbuchstaben beginnt.

.gr {
text-transform: uppercase;
}

Diese Klasse bestimmt, das ein Text nur in Großbuchstaben ausgegeben wird.

<p class="gr">Ein Text komplett in Gro&szlig;buchstaben.</p>


.kl {
text-transform: lowercase;
}

Dieser Text wird nur in Kleinbuchstaben ausgegeben.

<p class="kl">Ein Text nur in Kleinbuchstaben.</p>

.anfang {
text-transform: capitalize;
}

Jedes Wort beginnt mit einem Großbuchstaben.

<p class="anfang">Ein Text, bei welchem jedes Wort mit Gro&szlig;buchstaben
beginnt.</p>