【CSS】text-transform - テキストの表記変換
CSSのtext-transformプロパティについてご紹介します。
text-transform
text-transformはテキストの表記変換を示すプロパティです。
主にアルファベット（英字）に適用されます。
基本構文
text-transform: 値;値
一般的な値は次の通りです。
| 値 | 意味 |
|---|---|
| none | 変換なし |
| capitalize | 単語の１文字目を大文字に変換 |
| uppercase | 全て大文字に変換 |
| lowercase | 全て小文字に変換 |
サンプル
単語の１文字目は大文字
<style>
p {
text-transform: capitalize;
}
</style>
<p>text text text text text</p>全て大文字
<style>
p {
text-transform: uppercase;
}
</style>
<p>text text text text text</p>全て小文字
<style>
p {
text-transform: lowercase;
}
</style>
<p>TEXT TEXT TEXT TEXT TEXT</p>
