Umwandlung von Text in Großbuchstaben in HTML

In diesem Artikel wird erläutert, wie Sie den Text in HTML in Großbuchstaben umwandeln.

Verwenden Sie die CSS-Eigenschaft text-transform, um Text in HTML in Großbuchstaben umzuwandeln

Das Großschreiben von Texten war noch nie so einfach mit der CSS-Eigenschaft text-transform. Die Eigenschaft hat mehrere Werte, die verschiedene Großschreibungen für die Texte ausführen.

Wir können den Wert uppercase für die Eigenschaft text-transform verwenden, um Grossbuchstaben in einem Text zu erstellen. Ebenso macht der Wert lowercase Kleinbuchstaben.

Mit der Option Großschreibung können wir auch nur das erste Zeichen eines Textes großschreiben.

Erstellen Sie zum Beispiel ein <p>-Tag und schreiben Sie einige Texte in den Absatz. Achten Sie darauf, den Text in Kleinbuchstaben zu schreiben.

Wählen Sie in CSS den Absatz aus und verwenden Sie die Eigenschaft text-transform. Setzen Sie den Wert der Eigenschaft text-transform auf uppercase.

Wie in der Ausgabe unten zu sehen ist, wird der Text in Großbuchstaben umgewandelt. Auf diese Weise können wir den Wert uppercase für die Eigenschaft text-transform verwenden, um Grossbuchstaben in HTML zu schreiben.

HTML Quelltext:

<p>
 Uppercase characters
</p>

CSS-Code:

p {
  text-transform: uppercase;
}