最新のWeb開発のチュートリアル
 

Style textTransform Property

<スタイルオブジェクト

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

document.getElementById("myP").style.textTransform = "capitalize";
»それを自分で試してみてください

定義と使用法

textTransformプロパティセットやテキストの大文字小文字を返します。

このプロパティは、大文字、小文字または大文字にテキストを変更するために使用されます。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

textTransformプロパティは、すべての主要なブラウザでサポートされています。


構文

textTransformプロパティを返します:

object .style.textTransform

textTransformプロパティを設定します。

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

プロパティ値

説明
none 何文字は変換されません。 これがデフォルトです
capitalize 各単語の最初の文字が大文字に変換され、
uppercase すべての文字は大文字に変換され、
lowercase すべての文字は小文字に変換され、
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: なし
戻り値: 要素内のテキストの変換を表す文字列、
CSSのバージョン CSS1

その他の例

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

document.getElementById("myP").style.textTransform = "uppercase";
»それを自分で試してみてください

テキスト変換を返します<p>要素を:

alert(document.getElementById("myP").style.textTransform);
»それを自分で試してみてください

関連ページ

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

CSSリファレンス: テキスト-transformプロパティ


<スタイルオブジェクト