英文の小文字・大文字 【text-transform】
ブラウザで表示した時の見え方
beautiful rose
beautiful rose
ソースサンプル
【CSS】
.capitalize {
text-transform: capitalize
}
【HTML】
<div class="
capitalize">
beautiful rose</div>
<div class="
uppercase">
beautiful rose</div>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- 英文の大文字と小文字の表記方法を指定することができます。
| オプション |
| none | テキストの通りに表示する | text-transform: none |
| capitalize | 先頭の文字を大文字にする | text-transform: capitalize |
| uppercase | すべてを大文字にする | text-transform: uppercase |
| lowercase | すべてを小文字にする | text-transform: lowercase |
| 値 | 機能 | 例 |
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
CSS
-
英文の小文字・大文字