text-transform プロパティ
text-transform プロパティは、
テキストの文字ケースを設定します：大文字（uppercase）、
小文字（lowercase）、各単語の最初の文字を大文字にすることができます。
構文
cssセレクタ {
text-transform: capitalize | lowercase | uppercase | none;
}
値
| 値 | 説明 |
|---|---|
capitalize |
文内の各単語の最初の文字が大文字になります。 |
lowercase |
テキストのすべての文字が小文字に変換されます。 |
uppercase |
テキストのすべての文字が大文字に変換されます。 |
none |
文字ケースを変更しません。 |
初期値: none.
例 . capitalize 値
今、各単語の最初の文字が大文字になります：
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-transform: capitalize;
}
Результат:
例 . uppercase 値
今、すべての文字が大文字になります：
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-transform: uppercase;
}
Результат:
例 . lowercase 値
今、すべての文字が小文字（つまり、大文字ではない小さな文字）になります：
html<p>
LOREM IPSUM DOLOR SIT AMET.
</p>cssp {
text-transform: lowercase;
}
Результат: