text-transform
は アルファベットの大文字や小文字を制御できるプロパティ
text-transform: キーワード値;
初期値は none
text-transform: uppercase; 大文字に変換
.text{
text-transform: uppercase;
}
.text:first-letter{
text-transform: uppercase;
}
:first-letter
を使えば 一文字目だけ大文字にできます。
text-transform: lowercase; 小文字に変換
.text{
text-transform: lowercase;
}
.text:first-letter{
text-transform: lowercase;
}
:first-letter
を使えば 一文字目だけ小文字にできます。
text-transform: capitalize; 単語の頭文字を大文字に変換
.text{
text-transform: capitalize;
}
abc d e f
-> Abc D E F
と変換する