Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯
In CSS wird die Eigenschaft text-transform verwendet, um die Groß- und Kleinschreibung von Text innerhalb eines HTML-Elements zu steuern. Sie ermöglicht es Ihnen, die Groß- und Kleinschreibung des Textes zu ändern, indem Sie ihn vollständig in Großbuchstaben, vollständig in Kleinbuchstaben umwandeln oder den ersten Buchstaben jedes Wortes großschreiben. Diese Eigenschaft kann hilfreich sein, um ein einheitliches Textstyling und eine einheitliche Textformatierung zu erzielen.
Die Eigenschaft text-transform kann die folgenden Werte annehmen:
none: Es wird keine Groß- und Kleinschreibung angewendet.
.no-transform {
text-transform: none;
}
uppercase: Wandelt den gesamten Text in Großbuchstaben um.
.uppercase-text {
text-transform: uppercase;
}
lowercase: Wandelt den gesamten Text in Kleinbuchstaben um.
.lowercase-text {
text-transform: lowercase;
}
capitalize: Macht den ersten Buchstaben jedes Wortes groß.
.capitalize-text {
text-transform: capitalize;
}
Hier ist ein Beispiel für die Verwendung der Eigenschaft text-transform, um Text in Großbuchstaben umzuwandeln:
.uppercase-text {
text-transform: uppercase;
}
In diesem Beispiel:
Die Eigenschaft text-transform ist nützlich, um die Textkonsistenz zu gewährleisten, einen bestimmten Textformatierungsstil durchzusetzen und das visuelle Design des Inhalts Ihrer Webseite zu verbessern.
Sprache wählen
Thema wählen
© 2025 ReadyTools. Alle Rechte vorbehalten.