サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
大文字を小文字に
- 英文の大文字を小文字にするには、text-transformプロパティを指定します。
- [使い方]
- .sample{text-transform: capitalize;}
プロパティ名 | 値 | 説明 |
---|---|---|
text-transform: | capitalize; | 単語の先頭文字を大文字に変換します。 |
uppercase; | すべてを大文字に変換します。 | |
lowercase; | すべてを小文字に変換します。 | |
none; | 指定なし(標準値・初期設定値) |
サンプル
[headの中]
<style type="text/css"><!--
.sample1{text-transform: capitalize;}
.sample2{text-transform: uppercase;}
.sample3{text-transform: lowercase;}
-->
</style>
[bodyの中]
指定なし・・abcd efgh ijkl<span class="sample1">abcd efgh ijkl</span>
<span class="sample2">abcd efgh ijkl</span>
<span class="sample3">ABCE EFGH IJKL</span>
[ブラウザ上]
指定なし・・abcd efgh ijklabcd efgh ijkl
abcd efgh ijkl
ABCE EFGH IJKL