The resize property allows us to give our users control over the size display of any element on a webpage. However the computed element’s overflow value must not visible.

Syntax:

selector { 

    resize: both | horizontal | vertical | none | initial | inherit;

}

Values:

The resize property has these values:

  • both; The height and width of the element may be resized.
  • horizontal; The width of the element may be resized.
  • vertical; The height of the element may be resized.
  • none; Prevents any resizing of an element (default value.
  • initial, inherit

Example

The example with resize property:

 

›› go to examples ››