How to Capitalize the First Letter of CSS Labels?

Capitalizing the First Character in CSS Labels

In CSS, you can easily modify the text of labels to capitalize the first character. This can be particularly useful when displaying titles or headings.

Here's how to achieve this:

HTML Code:

<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>

CSS Code:

a.m_title {
  text-transform: capitalize;
}

The text-transform property is responsible for modifying the case of text. By setting it to capitalize, the property ensures that only the first character of each label is capitalized, while the remaining characters remain lowercase.

Result:

After applying the CSS, the labels will appear as:

Gorr
Trro
Krro
Yrro
Gwwr

The above is the detailed content of How to Capitalize the First Letter of CSS Labels?. For more information, please follow other related articles on the PHP Chinese website!