Atributo CSS resize

Definición y uso

El atributo resize especifica si el usuario puede ajustar el tamaño del elemento.

Notas:Para que este atributo funcione, debe establecer el atributo overflow del elemento, los valores pueden ser auto, hidden o scroll.

Véase también:

Tutorial de CSS3Interfaz de usuario CSS3

Manual de HTML DOMAtributo resize

Ejemplo

Define que el elemento div puede ser ajustado en tamaño por el usuario:

div
{
resize:both;
overflow:auto;
}

Prueba por tu cuenta

Sintaxis de CSS

resize: none|both|horizontal|vertical;

Valor del atributo

Valor Descripción
none El usuario no puede ajustar el tamaño del elemento.
both El usuario puede ajustar la altura y el ancho del elemento.
horizontal El usuario puede ajustar el ancho del elemento.
vertical El usuario puede ajustar la altura del elemento.

Detalles técnicos

Valor predeterminado: none
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.resize="both"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -moz- indican la primera versión con prefijo utilizada.

Chrome IE / Edge Firefox Safari Opera
4.0 79.0 5.0
4.0 -moz-
4.0 15.0