Definición de .resize aplicado en CSS
La propiedad .resize controla si un elemento puede ser .resized por el usuario haciendo clic y arrastrando la esquina inferior derecha del elemento.
Ejemplo de empleo de resize
Si te gustaría emplear esta propiedad de CSS en tu hoja de estilos, hazlo de esta manera:
.module {
resize: both;
}Otro ejemplo más avanzado de .resize es el siguiente de CODEPEN:
Sintaxis de .resize en CSS
resize: none|both|horizontal|vertical|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| ninguna | Valor por defecto. El usuario no puede cambiar el tamaño del elemento. | |
| ambas cosas | El usuario puede cambiar el tamaño tanto de la altura como del ancho del elemento. | |
| horizontal | El usuario puede cambiar el tamaño del ancho del elemento. | |
| vertical | El usuario puede cambiar el tamaño de la altura del elemento. | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .resize
Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| right | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
