CSS3: Propiedad Resize para Textareas

Siguiendo con el preview de css3.info por el que hacen un adelanto de las nuevas propiedades de CSS3, está la función Resize para textareas, cajas de texto, que se puede utilizar para páginas de contacto, comentarios en CMS y formularios en páginas web.

Hablamos de la propiedad Resize en CSS3 que te permite redimensionar una caja de texto o textarea al vuelo. Esta propiedad fue implementada primero en Javascript y le da un mayor dinamismo a tu formulario, ya que el usuario mismo puede redimensionar la caja para añadir su comentario de forma más cómoda.

El código en CSS3 es muy fácil de utilizar:

1	div.resize { width: 100px; height: 100px; border: 1px solid; resize: both; overflow: auto; }

Además lo interesante es que el redimensionamiento se puede realizar horizontal (resize: horizontal;) vertical (resize: vertical;) o con ambas (resize: both;)

Ahora veremos unos ejemplos…

Ejemplo en un Textarea con redimensionamiento horizontal:

Ejemplo en un Textarea con redimensionamiento vertical:

Ejemplo en un Textarea con redimensionamiento horizontal y vertical:

Gracias a css3.info

Compatible: Codigo CSS, Codigo HTML, Formularios, Tutoriales

Página Web:

Demo/Descarga: