You are here: Reference > CSS > properties > resize

resize property

Browser support:
Specifies whether an element is resizable and if so, along which axis.
JavaScript page for this property: resize. You can find other example(s) there.

Possible values:

 One of the following values: 
Allow to adjust the height and the width of the element.
Allow to adjust only the width of the element.
Takes the value of this property from the computed style of the parent element.
Resizing is not allowed for the user.
Allow to adjust only the height of the element.
Default: none.

Example HTML code 1:

This example illustrates the use of the resize property:
        .example {
            background: red;
            width: 200px;
            height: 100px;
            resize: both;
            overflow: scroll;
    <div class="example">Resize this division!</div>
Did you find this example helpful? yes no

Supported by tags:

External links:

User Contributed Comments

Post Content

Post Content