Können Sie Text groß schreiben, nachdem Sie ihn mit CSS in Kleinbuchstaben geschrieben haben?

Text nach Kleinschreibung mit CSS großschreiben

Frage: Ist es möglich, Text zuerst klein zu schreiben und ihn dann mit CSS groß zu schreiben? CSS?

Beispiel:

• HELLO WORLD → Hello World

Zusätzlicher Kontext: Sie haben eine Liste von Ländern in Großbuchstaben (z. B. VEREINIGTES KÖNIGREICH) und müssen diese in Kleinbuchstaben umwandeln (z. B. Vereinigtes Königreich).

Antwort:

Ja, CSS bietet Eine Lösung für diese Aufgabe:

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

Dieses CSS wendet die text-transform:-capitalize-Eigenschaft auf das Element mit der Klasse className an und wandelt automatisch alle Kleinbuchstaben in Großbuchstaben und den ersten Buchstaben jedes Wortes in Kleinbuchstaben um.

Alternative Lösung mit JavaScript:

Wenn CSS keine Option ist, können Sie JavaScript verwenden, um das gleiche Ergebnis zu erzielen:

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

capitalize('this IS THE wOrst string eVeR');</code>

Die Die Funktion „capitalize“ nimmt einen String s als Eingabe, wandelt ihn mit toLowerCase() in Kleinbuchstaben um und verwendet dann die Methode „replace“ mit einem regulären Ausdruck, um alle Wortgrenzen (b) durch ihre Großbuchstabenäquivalente zu ersetzen. Dadurch wird der erste Buchstabe jedes Wortes effektiv groß geschrieben, während der Rest kleingeschrieben wird.

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