サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
大文字を小文字に
- 英文の大文字を小文字にするには、text-transformプロパティを指定します。
- [使い方]
- .sample{text-transform: capitalize;}
| プロパティ名 | 値 | 説明 |
|---|---|---|
| text-transform： | capitalize； | 単語の先頭文字を大文字に変換します。 |
| uppercase； | すべてを大文字に変換します。 | |
| lowercase； | すべてを小文字に変換します。 | |
| none； | 指定なし(標準値・初期設定値) |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
.sample1{text-transform: capitalize;}
.sample2{text-transform: uppercase;}
.sample3{text-transform: lowercase;}
-->
</style>
[ｂｏｄｙの中]
指定なし・・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
