textTransform 属性のスタイル

定義と使用方法

textTransform 属性設定またはテキストの大文字、小文字を返却します。

この属性はテキストを大文字、小文字、またはキャピタライズに変更するために使用されます。

他にも参照してください:

CSS チュートリアル:CSS テキスト

CSS 参考マニュアル:text-transform 属性

例 1

<p>要素中の各単語の最初の文字を大文字に変換:

document.getElementById("myP").style.textTransform = "capitalize";

自分で試してみてください

例 2

<p>要素のすべての文字を大文字に変換:

document.getElementById("myP").style.textTransform = "uppercase";

自分で試してみてください

例 3

<p>要素のテキスト変換を返却:

alert(document.getElementById("myP").style.textTransform);

自分で試してみてください

文法

textTransform 属性の返却:

object.style.textTransform

textTransform 属性の設定:

object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"

属性値

説明
none 文字は変換されません。デフォルト。
capitalize 各単語の最初の文字が大文字に変換されます。
uppercase すべての文字が大文字に変換されます。
lowercase すべての文字が小文字に変換されます。
initial この属性をデフォルト値に設定します。参照してください initial
inherit この属性は親要素から継承されます。参照してください inherit

技術的詳細

デフォルト値: なし
返却値: 要素の中国語テキストの変換を示す文字列。
CSS バージョン: CSS1

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート