Crea tu Web: Indice de diseño

Cajas redimensionables

CSS3 permite que el usuario pueda redimensionar un bloque de la página, al menos si no usas Internet Explorer de Microsoft. Este es un efecto interesante pero que debe usarse con cuidado, pues puede destrozar el diseña de una página. Es muy simple de usar

.caja
{
resize:both;
overflow:auto;
border: solid thin black;
}

Un bloque div con esta clase puede ser redimensionado por un usuario arrastrando una esquina con el ratón. Pruébalo en Mozilla o en Chrome por ejemplo:

Si estás viendo esta página con Mozilla o Chrome comprobarás que puedes cambiar su ancho y su alto, y el texto se reordena apra ser visible. Todo esto es controlable claro está, mediante CSS3

Los valores que puede tomar resize son

  • none: tamaño fijo.
  • both : se puede modificar el ancho y el alto
  • horizontal: solo puede ensancharse o estrecharse
  • vertical: se puede variar la altura
asf

 

arriba


Comunidad Virtual. Alojamiento gratis