HTML でテキストを大文字に変換する

この記事では、テキストを HTML で大文字に変換する方法を紹介します。

CSS の text-transform プロパティを使って HTML で文字を大文字に変換する

CSS の text-transform プロパティを使用すると、テキストの大文字化がこれまでになく簡単になります。プロパティには、テキストに対してさまざまな大文字化を実行するいくつかの値があります。

text-transform プロパティの uppercase 値を使用して、テキストに大文字を作成できます。同様に、小文字の値は小文字になります。

capitalize オプションを使用すると、テキストの最初の文字のみを大文字にすることもできます。

たとえば、<p> タグを作成し、段落内にいくつかのテキストを書き込みます。必ず小文字でテキストを書いてください。

CSS で、段落を選択し、text-transform プロパティを使用します。text-transform プロパティの値を uppercase に設定します。

以下の出力に見られるように、テキストは大文字に変換されます。このようにして、text-transform プロパティの uppercase 値を使用して、HTML で大文字を書き込むことができます。

HTML コード：

<p>
 Uppercase characters
</p>

CSS コード：

p {
  text-transform: uppercase;
}