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: 
both
Allow to adjust the height and the width of the element.
horizontal
Allow to adjust only the width of the element.
inherit
Takes the value of this property from the computed style of the parent element.
none
Resizing is not allowed for the user.
vertical
Allow to adjust only the height of the element.
Default: none.

Example HTML code 1:

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

Supported by tags:

External links:

User Contributed Comments

Post Content

Post Content