Style resize attribute

Definition and Usage

resize This attribute specifies whether the element can be resized by the user.

Note:resize This attribute applies when the calculated overflow value is not "visible" elements.

See also:

CSS Reference Manual:resize Attribute

Example

Make the <div> element resizable:

document.getElementById("myDIV").style.resize = "both";

Try It Yourself

Syntax

Return resize attribute:

object.style.resize

Set resize attribute:

object.style.resize = "none|both|horizontal|vertical|initial|inherit"

Attribute Value

Value Description
none Default. Users cannot adjust the size of the element.
both Users can adjust both the height and width of the element.
horizontal Users can adjust the width of the element.
vertical Users can adjust the height of the element.
initial Set this attribute to its default value. See initial.
inherit This attribute inherits from its parent element. See inherit.

Technical Details

Default Value: None
Return Value: String that represents the element's resize Attribute.
CSS Version: CSS3

Browser Support

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 79.0 Support Support 15.0