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
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