text-transform

テキストトランスフォーム（テキストとフォント）

意味テキストの大文字小文字の指定

text-transformとは？

text-transformプロパティは、テキストの大文字と小文字を制御するために使用します。このプロパティによって、テキストを大文字に変換したり、小文字に変換したり、または単語の最初の文字だけを大文字にすることができます。

text-transformの具体的な使い方

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

<style>
    p {
        text-transform: uppercase;
    }
</style>

<p>このテキストは大文字に変換されています。aaa</p>

p（段落）要素内の全てのテキストを大文字に変換します。

各単語の先頭を大文字にする例

<style>
    .capitalize {
        text-transform: capitalize;
    }
</style>

<p class="capitalize">
    この文章の各単語の先頭が大文字になります。
</p>

各単語の最初の文字を大文字に変換します。

text-transformに関するよくある質問

Q. text-transformの値は？

A. 主な値には、uppercase（全て大文字）、lowercase（全て小文字）、capitalize（単語の先頭を大文字）、none（変換なし）があります。

Q. 大文字小文字を混在させるには？

A. text-transformだけでは文中で大文字小文字を混在させることはできません。HTMLで直接記述するか、JavaScriptを使用する必要があります。

text-transformが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、CSSのtext-transformやtext-overflow、font、font-stretch、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。