Umwandlung von Text in Großbuchstaben in HTML

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;
}

Ausgabe:

UPPERCASE CHARACTERS

Klicken Sie hier, um die Demo des obigen Beispiels zu überprüfen.

Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn

Verwandter Artikel - HTML Text

  • Gliederungstext in HTML
  • Fetten Text in HTML erstellen
  • Text neben einem Bild in HTML platzieren