Propiedad cols del textarea

Objeto Textarea de HTML DOM

Definición y uso

cols Propiedad para establecer o retornar el valor de la propiedad cols del área de texto.

La propiedad HTML cols especifica el ancho visible del área de texto en caracteres.

Consejo:También puede usar style.width Propiedad para establecer el ancho del área de texto.

Consejo:Utilice rows Propiedad o style.height Propiedad para cambiar el alto del área de texto.

Vea también:

Manual de HTML:Atributo cols de HTML <textarea>

Ejemplo

Ejemplo 1

Cambiar el ancho del área de texto:

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

Prueba por ti mismo

Ejemplo 2

Obtener el ancho del área de texto en caracteres:

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

Prueba por ti mismo

Ejemplo 3

Usar la propiedad style.width para cambiar el ancho del área de texto:

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

Prueba por ti mismo

Ejemplo 4

Usar las propiedades cols y rows para cambiar el ancho y alto del área de texto:

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

Prueba por ti mismo

Ejemplo 5

Usar las propiedades style.width y style.height para cambiar el ancho y alto del área de texto:

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

Prueba por ti mismo

Sintaxis

Retornar la propiedad cols:

textareaObject.cols

Establecer la propiedad cols:

textareaObject.cols = número

Valor del atributo

Valor Descripción
número Define el ancho del área de texto (en términos de anchura de caracteres promedio). El valor predeterminado es 20.

Detalles técnicos

Valor de retorno: Número, que representa el ancho del área de texto en caracteres.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Textarea de HTML DOM