Controlar el redimensionado de textarea con CSS (by: http://blog.unijimpe.net)

http://bit.ly/oWWEFm

Los navegadores actuales (Safari, Chrome, Firefox) están implementando nuevas funcionalidades para facilitar al usuario la interacción con el contenido. Una de estas características es la habilidad de redimensionar de los áreas de texto o textarea. Ahora veremos como controlar estar características utilizando CSS.

CSS para controlar el redimensionado

El control del redimensionado de los textarea se puede hacer utilizando la propiedad CSS3 llamada resize la cual tiene las siguientes opciones: both, none, vertical, horizontal.

  1. textarea { resize:both; } /* reescalado horizontal y vertical */
  2. textarea { resize:none; } /* desactiva el reescalado */
  3. textarea { resize:vertical; } /* reescalado solo vertical */
  4. textarea { resize:horizontal; } /* reescaldo solo horizontal */

Adicionalmente se podría limitar las dimensiones del reescalado utilizando las propiedades: max-width, min-width, max-height y min-width.

Por ejemplo si deseamos que nuestro campo de texto solo se pueda redimensionar la altura y con un mínimo de 60px y un máximo de 300px de alto.

  1. textarea {
  2.    resize: vertical;
  3.    min-height: 60px;
  4.    max-height: 300px;
  5. }

Esta propiedad esta disponible en las ultimas versiones de Safari, Chrome y Firefox.

© 2006 – 2011 unijimpe – Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.



original post: http://bit.ly/pjvbNT

via ifttt
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: