CSS resize attribute

Definition and Usage

The resize property specifies whether the user can adjust the size of the element.

Note:To make this property effective, you need to set the element's overflow property, which can be auto, hidden, or scroll.

See Also:

CSS3 Tutorial:CSS3 User Interface

HTML DOM Reference Manual:resize Property

Example

Specify that the div element can be resized by the user:

div
{
resize:both;
overflow:auto;
}

Try It Yourself

CSS Syntax

resize: none|both|horizontal|vertical;

Property Value

Value Description
none The user cannot adjust the size of the element.
both The height and width of the adjustable user element.
horizontal The width of the adjustable user element.
vertical The height of the adjustable user element.

Technical Details

Default Value: none
Inheritance: no
Version: CSS3
JavaScript Syntax: object.style.resize="both"

Browser Support

The numbers in the table indicate the first browser version that fully supports this property.

Numbers with -moz- prefix indicate the first version using the prefix.

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