Wie kann ich den ersten Buchstaben einer Zeichenfolge mithilfe von CSS großschreiben?

Erstes Zeichen in CSS mit der text-transform-Eigenschaft groß schreiben

Das Transformieren von Text in CSS ist eine vielseitige Technik, die zu einem professionellen Erscheinungsbild führen kann Ergebnisse mit minimalem Aufwand. Ein häufig nachgefragter Ansatz besteht darin, das erste Zeichen einer Zeichenfolge groß zu schreiben, um sicherzustellen, dass der Text in der Groß-/Kleinschreibung des Titels angezeigt wird.

Umschließen Sie in HTML den gewünschten Text in ein Element, z. B. ein Anker-Tag:

<a class="m_title" href="">gorr</a>
<a class="m_title" href="">trro</a>
<a class="m_title" href="">krro</a>
<a class="m_title" href="">yrro</a>
<a class="m_title" href="">gwwr</a>

Um den ersten Buchstaben groß zu schreiben, wenden Sie die Texttransformation an: captialize; Regel für das Element mithilfe eines Klassenselektors:

a.m_title {
  text-transform: capitalize;
}

Diese Eigenschaft weist den Browser an, den Text in Groß- und Kleinschreibung zu formatieren und das erste Zeichen jedes Wortes groß zu schreiben.

Mit der CSS-Regel in An dieser Stelle wird Ihr Text nun mit dem ersten Zeichen in Großbuchstaben angezeigt:

<a class="m_title" href="">Gorr</a>
<a class="m_title" href="">Trro</a>
<a class="m_title" href="">Krro</a>
<a class="m_title" href="">Yrro</a>
<a class="m_title" href="">Gwwr</a>

Das obige ist der detaillierte Inhalt vonWie kann ich den ersten Buchstaben einer Zeichenfolge mithilfe von CSS großschreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!