text-transform: Groß- und Kleinbuchstaben erzwingen

0 | 0 Kommentare | 3712 Aufrufe

Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "text-transform: Groß- und Kleinbuchstaben erzwingen" mit Ihrem Wissen!

Anzeige Hier werben

`text-transform`

Werte: capitalize, uppercase, lowercase, none
Standardwert: none
Vererbung: ja
Kurzschreibweise: keine
Anwendbar auf: alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3

Die Eigenschaft text-transform erlaubt es Text in Groß- oder Kleinschreibung darzustellen.

Dies ließe sich natürlich auch über direkte Großschreibung im Quelltext erreichen. Die Methode per CSS hat den Vorteil, dass die korrekte Orthographie im Quelltext erhalten bleibt (und somit auch später noch einfach geändert werden kann und screenreader nicht verwirrt). Diese Eigenschaft kann beispielsweise sinnvoll bei Überschriften eingesetzt werden.

Werte

Wert	Effekt
`capitalize`	Der erste Buchstabe jedes Wortes wird als Großbuchstabe dargestellt
`uppercase`	Jeder Buchstabe wird als Großbuchstabe dargestellt
`lowercase`	Jeder Buchstabe wird als Kleinbuchstabe dargestellt
`none` (Standard)	Der Text wird wie im Quelltext angegeben dargestellt

Kompatibilität

Alle gängigen Browser unterstützen diese Eigenschaft ohne Probleme.

Beispiel

Beispiel zu text-transform

Dieses Beispiel ausprobieren

HTML

<p style="text-transform:lowercase;">
    TROTZ GROßSCHREIBUNG IM QUELLTEXT ERSCHEINT DIESER TEXT IN KLEINBUCHSTABEN
</p>
<p style="text-transform:uppercase;">
    Dieser Text erscheint trotz ordnungsgemäßer Orthographie in Großbuchstaben.
</p>

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 4 Personen an der Seite "text-transform: Groß- und Kleinbuchstaben erzwingen" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "text-transform: Groß- und Kleinbuchstaben erzwingen" hier bearbeiten.

Mitarbeiter

Holger V
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
christian
Ich beschäftige mich seit mehreren Jahren mit Webdesign und ins besondere mit Webentwicklung. Derzeit studiere ich Angewandte Informatik.
meggs
hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
Thomas H
arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.