回答:
そのためのプロパティがあります:
a.m_title {
text-transform: capitalize;
}
リンクに複数の単語を含めることができ、最初の単語の最初の文字のみを大文字にしたい場合:first-letter
は、代わりに別の変換を使用します(実際には問題ありません)。ためにそのノート:first-letter
ワークへのa
要素は、ブロック(することができる容器であることが必要display: block
、display: inline-block
または一つ以上の特性の他の組み合わせの種々の任意):
a.m_title {
display: block;
}
a.m_title:first-letter {
text-transform: uppercase;
}
display: block
要件は(つまり、なぜ誰もが知っている)、この困難になり、:first-letter
またで動作しますdisplay: inline-block
。
なお、::first-letter
それはどちらかでなければならないので、セレクタは、インライン要素としない作業を行うblock
か、inline-block
次の通り:
.m_title {display:inline-block}
.m_title:first-letter {text-transform: uppercase}
私は使用することをお勧めします
#selector {
text-transform: capitalize;
}
または
#selector::first-letter {
text-transform: uppercase;
}
ちなみに、このw3schoolsのリンクを確認してください:http : //www.w3schools.com/cssref/pr_text_text-transform.asp
最初に小文字にしてください:
.m_title {text-transform: lowercase}
次に、最初の文字を大文字にします。
.m_title:first-letter {text-transform: uppercase}
「text-transform:capitalize」は単語に対して機能します。しかし、もしあなたが文章に使いたいなら、この解決策は完璧です。
inline
要素では機能しませんdisplay:inline-block
。これが該当する場合に設定します。(stackoverflow.com/questions/7631722/...)
<script type="text/javascript">
$(document).ready(function() {
var asdf = $('.capsf').text();
$('.capsf').text(asdf.toLowerCase());
});
</script>
<div style="text-transform: capitalize;" class="capsf">sd GJHGJ GJHgjh gh hghhjk ku</div>
text-transform: capitalize;
複数の単語がある場合、これでは不十分です