Style resize property

Definition and usage

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

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

See also:

CSS reference manual:resize property

Example

Make <div> element resizable:

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

Try it yourself

Syntax

Return resize property:

object.style.resize

Set resize property:

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

Property value

Value Description
none Default value. 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 property to its default value. See initial.
inherit This property inherits from its parent element. See inherit.

Technical details

Default value: none
Return value: string representing the element's resize property.
CSS version: CSS3

Browser support

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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