CSS でラベルの最初の文字を大文字にする方法はありますか。
これが私の HTML です:
<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>
ベストアンサー1
そのためのプロパティがあります:
a.m_title {
text-transform: capitalize;
}
リンクに複数の単語を含めることができ、最初の単語の最初の文字だけを大文字にしたい場合は、代わりに別の変換を使用します(ただし、これはあまり重要ではありません)。が機能する:first-letter
には、要素がブロック コンテナー ( 、、または 1 つ以上のプロパティのさまざまな組み合わせ) である必要があることに注意してください。:first-letter
a
display: block
display: inline-block
a.m_title {
display: block;
}
a.m_title:first-letter {
text-transform: uppercase;
}