CSS3: funcion resize para cajas de texto

Siguiendo con las nuevas propiedades que nos aporta CSS3 hemos visto en css3.info una nueva funcionalidad que aporta mucho dinamismo a las cajas de texto o textareas, usadas a día de hoy para Formularios, Comentarios en WordPress, páginas de contacto y para páginas de empresa.

Hablamos de la propiedad resize de CSS3, con la que vas a poder redimensionar una caja de texto dinámicamente (por parte del usuario). Esta funcionalidad antes implementada en Javascript dispone de su homólogo en CSS3 y como decimos es muy dinámico, ideal para una plantilla de comentarios en el que el usuario puede agrandar la caja a su antojo.

El codigo en CSS para esta propiedad:

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

El Ejemplo de Resize en CSS3:

Gracias a css3.info

Comparte este articulo:
  • Bitacoras.com
  • TwitThis
  • Meneame
  • Facebook
  • del.icio.us
  • Tumblr
  • Live
  • MisterWong
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • Wikio
  • E-mail this story to a friend!
  • Print this article!

Posts relacionados

Sin comentarios

Aún no hay comentarios.

Deja un comentario