コース推薦：

HTML DOM Textarea オブジェクト

Textarea rows 属性

定義と使用方法 rows

属性でテキストエリアの rows 属性の値を設定または返します。

ヒント：HTML rows 属性はテキストエリア内の高さ（表示行数）を指定します。 style.height 属性を使ってテキストエリアの高さを設定。

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

参照してください：

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

例

例 1

テキストエリアの表示行数を変更：

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

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

例 2

テキストエリアの高さ（文字数で表される）：

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

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

例 3

style.height 属性を使ってテキストエリアの高さを変更：

document.getElementById("myTextarea").style.height = "250px";

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

例 4

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

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

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

例 5

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

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

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

文法

rows 属性を返す：

textareaObject.rows

rows 属性を設定：

textareaObject.rows = number

属性値

値 説明
number テキストエリア内に表示される行数を指定します。

技術的詳細

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

ブラウザのサポート

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

HTML DOM Textarea オブジェクト