スタイルtextTransformプロパティ
例
要素内の各単語の最初の文字を大文字に変換します。
document.getElementById("demo").style.textTransform = "capitalize";
定義と使用法
textTransformプロパティは、テキストの大文字と小文字を設定または返します。
このプロパティは、テキストを大文字、小文字、または大文字に変更するために使用されます。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
textTransform | Yes | Yes | Yes | Yes | Yes |
構文
textTransformプロパティを返します。
object.style.textTransform
textTransformプロパティを設定します。
object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
プロパティ値
Value | Description |
---|---|
none | No characters are transformed. This is default |
capitalize | The first character of each word is transformed to uppercase |
uppercase | All characters are transformed to uppercase |
lowercase | All characters are transformed to lowercase |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | なし |
---|---|
戻り値: | 要素内のテキストの変換を表す文字列 |
CSSバージョン | CSS1 |
その他の例
例
要素内のすべての文字を大文字に変換します。
document.getElementById("demo").style.textTransform = "uppercase";
例
要素のテキスト変換を返します。
alert(document.getElementById("demo").style.textTransform);
関連ページ
CSSチュートリアル:CSSテキスト
CSSリファレンス:text-transformプロパティ
❮スタイルオブジェクト