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 <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 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 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 indicating the element's resize attribute.
CSS version: CSS3

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 79.0 Поддержка Поддержка 15.0