Easy Tutorial
❮ Prop Style Borderimage Prop Time Datetime ❯

Style resize Property

Style Object

Example

Specify that a div element can be resized by the user:


Definition and Usage

The resize property specifies whether an element is resizable by the user.

Note: The resize property only works when the overflow property is not set to "visible". This means that for the resize property to take effect, the overflow property of the element needs to be set to auto, hidden, or scroll.


Browser Support

Firefox, Chrome, and Safari support the resize property.


Syntax

Return the resize property:

Set the resize property:

Property Values

Value Description
none Default value. The user cannot resize the element.
both The user can resize both the height and width of the element.
horizontal The user can resize the width of the element.
vertical The user can resize 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: A string, representing the resize property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: resize Property


Style Object

❮ Prop Style Borderimage Prop Time Datetime ❯