英文の小文字・大文字 【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
機能