Css-text-transform
提供:Dev Guides
CSS-テキスト変換
説明
_text-transform_プロパティは、要素内のテキストの大文字化を変更するか、ユーザーエージェントに大文字をそのままにしておくように指示します。
可能な値
- 大文字-要素のテキスト内の各単語の最初の文字は大文字にする必要があります。
- 大文字-要素のテキスト内のすべての文字は大文字(大文字)でなければなりません。
- 小文字-要素のテキスト内のすべての文字は小文字でなければなりません。
- なし-要素のテキストの大文字は変更しないでください。
に適用されます
すべてのHTML要素。
DOM構文
object.style.textTransform = "uppercase";
例
以下は、text-transformプロパティを使用してテキストのケースを設定する方法を示す例です。
<html>
<head>
</head>
<body>
<p style = "text-transform:capitalize;">
This will be capitalized
</p>
<p style = "text-transform:uppercase;">
This will be in uppercase
</p>
<p style = "text-transform:lowercase;">
This will be in lowercase
</p>
</body>
</html>
これにより、次の結果が生成されます–