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