Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Können CSS und JavaScript Text groß schreiben, nachdem er in Kleinbuchstaben konvertiert wurde?

Patricia Arquette
Freigeben: 2024-11-03 02:38:29
Original
835 Leute haben es durchsucht

Can CSS and JavaScript Capitalize Text After Converting it to Lowercase?

Texttransformation in CSS und JavaScript

Kann CSS die Aufgabe erleichtern, Text zunächst in Kleinbuchstaben umzuwandeln und ihn dann groß zu schreiben?

Lösung in CSS

Sicherlich können Sie mit der Texttransformationseigenschaft von CSS diese Transformation erreichen:

<code class="css">.className {
    text-transform: capitalize;
}</code>
Nach dem Login kopieren

Dadurch wird der gesamte Text in Elementen mit konvertiert die className-Klasse, um den ersten Buchstaben jedes Wortes klein zu schreiben und groß zu schreiben.

Lösung in JavaScript

JavaScript bietet auch eine Lösung über die Funktion „capitalize()“, die Sie können wie folgt definieren:

<code class="javascript">function capitalize(s){
    return s.toLowerCase().replace( /\b./g, function(a){ return a.toUpperCase(); } );
};</code>
Nach dem Login kopieren

Wenn diese Funktion auf eine Zeichenfolge angewendet wird, z. B. „capitalize('this IS THE Worst string eVeR“), konvertiert diese Funktion sie in this Is The Worst String Ever.

Das obige ist der detaillierte Inhalt vonKönnen CSS und JavaScript Text groß schreiben, nachdem er in Kleinbuchstaben konvertiert wurde?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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 Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage