Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So schreiben Sie englische Anfangsbuchstaben in CSS groß

青灯夜游
Freigeben: 2021-07-07 17:29:48
Original
6651 Leute haben es durchsucht

Sie können das text-transform-Attribut in CSS verwenden, um die Großschreibung des ersten Buchstabens des Englischen festzulegen. Das text-transform-Attribut kann die Großschreibung von Text steuern. Sie müssen nur den Codestil „text-transform:capitalize;“ für Elemente festlegen, die englischen alphabetischen Text enthalten.

So schreiben Sie englische Anfangsbuchstaben in CSS groß

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

CSS legt die Großschreibung des ersten Buchstabens des Englischen fest.

In CSS können Sie das Texttransformationsattribut verwenden, um die Großschreibung des ersten Buchstabens des Englischen festzulegen.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
  p.capitalize {text-transform: capitalize}
</style>
</head>
<body>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>
Nach dem Login kopieren

Rendering:

So schreiben Sie englische Anfangsbuchstaben in CSS groß

[Empfohlenes Tutorial: CSS-Video-Tutorial]

CSS-Texttransformationsattribut

Das Texttransformationsattribut steuert die Groß-/Kleinschreibung von Text.

Attributwert:

So schreiben Sie englische Anfangsbuchstaben in CSS groß

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo schreiben Sie englische Anfangsbuchstaben in CSS groß. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage