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

Textarea cols Property

<TextAreaオブジェクト

テキスト領域の幅を変更します。

document.getElementById("myTextarea").cols = "100";
»それを自分で試してみてください

定義と使用法

colsのプロパティセットまたはの値を返すcolsテキスト領域の属性を。

cols属性が文字で、テキストエリアの表示幅を指定します。

ヒント:また、使用することができますstyle.widthテキスト領域の幅を設定するプロパティを。

ヒント:使用した行のプロパティ、またはstyle.heightテキスト領域の高さを変更するには、プロパティを。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


構文

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

textareaObject .cols

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

textareaObject .cols= プロパティ値
説明
number テキスト領域の幅を指定します(in average character width) 。 デフォルトは20です

技術的な詳細

戻り値: 文字のテキスト領域の幅を表す数値、

その他の例

文字で、テキスト領域の幅を取得します。

var x = document.getElementById("myTextarea").cols;

xの結果は次のようになります。

50
»それを自分で試してみてください

style.widthプロパティを使用して、テキスト領域の幅を変更します。

document.getElementById("myTextarea").style.width = "500px";
»それを自分で試してみてください

COLSと行のプロパティを使用して、テキスト領域の幅と高さを変更します。

document.getElementById("myTextarea").cols = "100";
document.getElementById("myTextarea").rows = "10";
»それを自分で試してみてください

style.widthとstyle.heightプロパティを使用して、テキスト領域の幅と高さを変更します。

document.getElementById("myTextarea").style.width = "500px";
document.getElementById("myTextarea").style.height = "100px";
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <textarea> colsの属性


<TextAreaオブジェクト