CSS3

プロパティ

text-transform

→●、mdn

テキストを大文字／小文字化する方法を指定する。

このプロパティは、テキストをスタイル付け目的で変形する。これは、下層の内容に効果を発揮することはなく、コピー／ペーストされる素なテキストの内容には影響しないものとする。

注記： text-transform プロパティが影響するのは、呈示層に限られる。意味論上の目的においては、正しい大小変換は、ソース文書内で表現することが期待される。

none

効果なし。

capitalize

各単語の最初のタイポ グラフィック字°単位を、小文字であれば題字化する ― 他の文字は影響されない。

【“小文字であれば” ― おそらく、この記述のみからは真意は伝わらないであろう ― 詳細 】
【題字（titlecase） ― 当の言語において、主要な単語の頭字を大文字化するなどの慣習。表題などによく用いられる。】

<SPAN style="
 text-transform:capitalize;
">ABCabc</SPAN>

¶

uppercase

すべての字°を、大文字化する。

<SPAN style="
 text-transform:uppercase;
">ABCabc</SPAN>

lowercase

すべての字°を、小文字化する。

<SPAN style="
 text-transform:lowercase;
">ABCabc</SPAN>

full-width

すべてのタイポ グラフィック文字単位を全角形にする。対応する全角形が無い文字は、そのままにされる。この値は概して、ラテン［字°／数字］を、それらが表語文字であったかのように植字するために利用される。

<SPAN style="font-family:ＭＳ 明朝;
 text-transform:full-width;
">ABCabc012ＡＢＣａｂｃ０１２</SPAN>

¶

full-size-kana

すべての小書き仮名文字を等価な全部的サイズの仮名へ変換する。この値は、概して、ルビ注釈を成すテキスト用に利用される ― ルビ内に小さいフォント サイズが利用されて判読し難くなるのを補うため、作者は、小書き仮名をすべて大きい仮名に描かせたいと求めることもある。

<SPAN style="font-family:ＭＳ 明朝;
 text-transform:full-size-kana;
">ABCabc012ＡＢＣａｂｃ０１２ｶﾅカナ</SPAN>

¶

<RUBY>漢字<RT style="font-family:ＭＳ 明朝;
 text-transform:full-size-kana;
">ｶﾅカナ</RT></RUBY>

¶

abbr:lang(ja) { text-transform: full-width; }

テスト