Propriedade cols do Textarea

Objeto Textarea do HTML DOM

Definição e Uso

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

A propriedade cols do HTML define a largura visível da área de texto em caracteres.

Dica:Você também pode usar style.width propriedade para definir a largura da área de texto.

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

Veja também:

Manual de Referência HTML:Atributo cols do HTML <textarea>

Exemplo

Exemplo 1

Alterar a largura da área de texto:

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

Experimente você mesmo

Exemplo 2

Obter a largura da área de texto em caracteres:

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

Experimente você mesmo

Exemplo 3

Use a propriedade style.width para alterar a largura da área de texto:

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

Experimente você mesmo

Exemplo 4

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

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

Experimente você mesmo

Exemplo 5

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

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

Experimente você mesmo

Sintaxe

Retornar a propriedade cols:

textareaObject.cols

Definir a propriedade cols:

textareaObject.cols = number

Valor do atributo

Valor Descrição
number Define a largura da área de texto (em largura de caractere média). O valor padrão é 20.

Detalhes técnicos

Retorno: Número, que representa a largura 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