Style resize property

Definition and usage

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

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

See also:

CSS reference manual:resize property

Example

Make the <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"

Attribute 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 Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical details

Default value: None
Return value: string that represents the element's resize property.
CSS version: CSS3

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer 79.0 Stödjer Stödjer 15.0