Easy Tutorial
❮ Pr Border Bottom_Color Css3 Pr Text Justify ❯

CSS3 resize Property

Example

Specify a div element that allows users to resize it:

div {
    resize: both;
    overflow: auto;
}

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit-, -ms-, or -moz- specify the first version that supported the prefixed property.

Property Chrome Edge Firefox Safari Opera
resize 4.0 79.0 5.0 <br>4.0 -moz- 4.0 15.0

Property Definition and Usage

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

Note: The resize property applies to elements whose computed overflow value is not "visible".

Default value: none
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.resize="both"
--- ---

Syntax

Value Description
none 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.

Related Articles

CSS3 Tutorial: CSS3 User Interface

❮ Pr Border Bottom_Color Css3 Pr Text Justify ❯