Propriedade rows do textarea

Objeto Textarea do HTML DOM

Definição e uso

rows Propriedade para definir ou retornar o valor da propriedade rows da área de texto.

A propriedade HTML rows define a altura da área de texto (número de linhas visíveis).

Dica:Você também pode usar style.height Propriedade para definir a altura da área de texto.

Dica:Use cols ou style.width Propriedade para alterar a largura da área de texto.

Veja também:

Manual de Referência HTML:Propriedade rows do HTML <textarea>

Exemplo

Exemplo 1

Alterar o número de linhas visíveis da área de texto:

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

Experimente você mesmo

Exemplo 2

Obter a altura da área de texto, em caracteres:

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

Experimente você mesmo

Exemplo 3

Use a propriedade style.height para alterar a altura da área de texto:

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

Experimente você mesmo

Exemplo 4

Use as propriedades cols e rows para alterar a altura e largura da área de texto:

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

Experimente você mesmo

Exemplo 5

Use as propriedades style.width e style.height para alterar a altura e largura da área de texto:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade rows:

textareaObject.rows

Definir a propriedade rows:

textareaObject.rows = number

Valor do atributo

Valor Descrição
number Define o número de linhas visíveis na área de texto.

Detalhes técnicos

Retorno: Número, que representa a altura da área de texto, em caracteres.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto Textarea do HTML DOM