Heim > Artikel > Web-Frontend > Was ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben zu ändern?
Was ist der CSS-Code, um Kleinbuchstaben in Großbuchstaben zu ändern?
- WBOYOriginal
- 2021-12-14 11:51:311718Durchsuche
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.
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;}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>Ausgabeergebnis:
(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!
In Verbindung stehende Artikel
Mehr sehen- So entfernen Sie den Standardstil des li-Elements in CSS
- Kann die CSS-Schriftgrößeneinheit em sein?
- Was ist das Positionierungsattribut in CSS?
- So erzielen Sie mit CSS den Effekt, dass das Bild verschwindet, nachdem es eine Sekunde lang angezeigt wurde
- So erzielen Sie einen vertikalen Flip-Effekt in CSS3