CSS3 resize Property

Example

Specify that a div element should be resizable by the user:

div
{
resize:both;
overflow:auto;
}

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The resize property is only supported in Google Chrome and Safari.


Definition and Usage

The resize property specifies whether or not an element is resizable by the user.

Note: The resize property applies to elements whose computed overflow value is something other than "visible".

Default value: none
Inherited: no
Version: CSS3
JavaScript syntax: object.style.resize="both"


Syntax

resize: none|both|horizontal|vertical:

Value Description
none The user cannot resize the element
both The user can adjust both the height and the width of the element
horizontal The user can adjust the width of the element
vertical The user can adjust the height of the element