Heim > Web-Frontend > CSS-Tutorial > Was ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben zu ändern?

Was ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben zu ändern?

WBOY
Freigeben: 2021-12-14 11:51:31
Original
1763 Leute haben es durchsucht

In CSS lautet der Code zum Ändern von Kleinbuchstaben in Großbuchstaben „text-transform:uppercase“. Die Funktion des Attributs „text-transform“ besteht darin, den Groß- und Kleinbuchstabenstil des Texts des Elements zu steuern „Großbuchstaben“ ist, wird der Text-Kleinbuchstabenstil zum Großbuchstabenstil.

Was ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben zu ändern?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Was ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben umzuwandeln?

Wenn Sie in CSS den Effekt von Kleinbuchstaben in Großbuchstaben erzielen möchten, können Sie das Texttransformationsattribut verwenden.

Dieses Attribut ändert die Groß-/Kleinschreibung von Buchstaben im Element, unabhängig von der Groß-/Kleinschreibung des Textes im Quelldokument. Wenn der Wert „capitalize“ ist, werden einige Buchstaben großgeschrieben, aber es ist nicht klar definiert, wie ermittelt wird, welche Buchstaben großgeschrieben werden. Es liegt am Benutzeragenten, die einzelnen „Wörter“ zu erkennen.

Die Funktion des Texttransformationsattributs besteht darin, die Groß- und Kleinschreibung von Text zu steuern. Wenn der Wert des Attributs Großbuchstaben ist, wird definiert, dass der Text nur Großbuchstaben enthält.

Die Syntax lautet:

元素{text-transform:uppercase;}
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<html>
<head>
<style type="text/css">
  h1 {
  text-transform: uppercase;
  }
  p{
  text-transform: uppercase;
  }
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben zu ändern?

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben zu ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage