海外製のShopifyテーマ、WordPressテーマなどで、デフォルトで英文字が大文字で表記されていることが多いです。「Hello」とHTMLで記述しても、勝手に「HELLO」となってしまうイメージです。場合によっては、表記を小文字で表現したり、画像データではない場合は、どうしてもCSSで調整する必要があります。本記事では、大文字の表記をCSSで修正する方法を紹介します。【WordPress/Shopify】アルファベットの大文字を変更するCSS実はとっても簡単です。使うCSSは下記の4つでOKです。簡単ですね!それぞれコードの紹介をしていきます。text-transform:lowercase;すべて小文字で表示する場合はこのCSSを使います。style="text-transform:lowercase;">TEXT</p>text-transform:uppercase;すべて大文字で表示する場合はこのCSSを使います。style="text-transform:uppercase;">Text</p>text-transform:capitalize;最初の1文字だけを大文字で表示するすときはこのCSSを使います。style="text-transform:capitalize;">text</p>text-transform:none;何もしない時、デフォルトに戻すときはこちらを使います。style="text-transform:none;">TEXT</p>これでそれぞれソースコードを確認すれば分かるかと思います。style="text-transform:none;">TEXT</p>簡単ではありますが、普段から使わないのでサクッと使えるようにブクマしておきましょう。参考になったらぜひリツイートしてくれると嬉しいです。Reserved.プライバシーポリシー|サイトマップ|特定商取引法に基づく。