Textarea cols属性

HTML DOM Textarea オブジェクト

定義と用法

cols 属性を使用してテキストエリアのcols属性の値を設定または返します。

HTML cols属性は、テキストエリアの見える幅を文字単位で指定します。

ヒント：を使用することもできます。 style.width 属性を使用してテキストエリアの幅を設定します。

ヒント：を使用してテキストエリアの幅を設定します。 rows 属性または style.height 属性を使用してテキストエリアの高さを変更します。

も参照してください：

HTMLリファレンスマニュアル：HTML <textarea> cols 属性

例

例1

テキストエリアの幅を変更します：

document.getElementById("myTextarea").cols = "100";

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

例2

テキストエリアの幅を文字単位で取得します：

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

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

例3

style.width属性を使用してテキストエリアの幅を変更します：

document.getElementById("myTextarea").style.width = "500px";

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

例4

colsとrows属性を使用してテキストエリアの幅と高さを変更します：

document.getElementById("myTextarea").cols = "100";
document.getElementById("myTextarea").rows = "10";

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

例5

style.widthとstyle.height属性を使用してテキストエリアの幅と高さを変更します：

document.getElementById("myTextarea").style.width = "500px";
document.getElementById("myTextarea").style.height = "100px";

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

文法

cols属性を返します：

textareaObject.cols

cols属性を設定します：

textareaObject.cols = number

属性値

値 説明
number テキストエリアの幅を指定します（平均文字幅を基に）。デフォルト値は 20 です。

技術的詳細

返り値： 数値、テキストエリアの幅を文字単位で示します。

ブラウザのサポート

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

HTML DOM Textarea オブジェクト