Los últimos tutoriales de desarrollo web
 

Textarea cols Property

<Textarea Object

Ejemplo

Cambiar el ancho de un área de texto:

document.getElementById("myTextarea").cols = "100";
Inténtalo tú mismo "

Definición y Uso

Los cols conjuntos de propiedades o devuelve el valor de la cols atributo de un área de texto.

El cols atributo especifica la anchura visible de un área de texto, en caracteres.

Consejo: También puede utilizar el style.width propiedad para establecer el ancho de un área de texto.

Consejo: Utilice la filas propiedad, o la style.height propiedad para cambiar la altura de un área de texto.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad cols es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad cols:

textareaObject .cols

Establecer la propiedad cols:

textareaObject .cols= Valores de propiedad
Valor Descripción
number Especifica el ancho del área de texto (in average character width) . Por defecto es 20

Detalles técnicos

Valor de retorno: Un número, que representa la anchura del área de texto, en caracteres

Más ejemplos

Ejemplo

Obtener el ancho del área de texto, en caracteres:

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

El resultado de x será:

50
Inténtalo tú mismo "

Ejemplo

Cambiar el ancho de un área de texto utilizando la propiedad style.width:

document.getElementById("myTextarea").style.width = "500px";
Inténtalo tú mismo "

Ejemplo

Cambiar el ancho y la altura de un área de texto utilizando los cols y propiedades filas:

document.getElementById("myTextarea").cols = "100";
document.getElementById("myTextarea").rows = "10";
Inténtalo tú mismo "

Ejemplo

Cambiar el ancho y la altura de un área de texto utilizando las propiedades style.width y style.height:

document.getElementById("myTextarea").style.width = "500px";
document.getElementById("myTextarea").style.height = "100px";
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML: HTML <textarea> atributo cols


<Textarea Object