CSS resize property

CSS resize

CSS resize is used to specify if an element can be resizable by user or not.

In-order to use this property, the overflow property should be set to scroll, auto or hidden.

CSS resize property values are

  • none
  • both
  • horizontal
  • vertical

none value for css overflow property

It is the default value. Element can't be resized.

Example

Try Yourself

both value for css overflow property

It is used to resize elements both height and the width.

Example

Try Yourself

horizontal value for css overflow property

It is used to resize only elements width.

Example

Try Yourself

vertical value for css overflow property

It is used to resize only elements height.

Example

Try Yourself