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 Resizeable:

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. 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 This property sets its default value. See also initial.
inherit This property inherits from its parent element. See also inherit.

Technical Details

Default Value: None
Return Value: String, representing the element's resize Property.
CSS Version: CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Inasimama 79.0 Inasimama Inasimama 15.0