CSS resize property

Description

CSS resize property specifies whether an element is resizable or not. And if it is resizable then along which axis.


resize property applies to all the elements that have overflow property with auto value.

Syntax

resize : none | both | horizontal | vertical

Property values

noneDefault

The element is not resizable.

resize: none;

both

The element is resizable along both x and y axes.

resize: both;

horizontal

The element is resizable only along x-axis. In this case, the width of an element is resizable.

resize: horizontal;

vertical

The element is resizable only along y-axis. In this case, the height of an element is resizeable.

resize: vertical;

Applicable to

It applies to all elements

From web4college, the free CSS digger

#CSS digger
Was this article helpful?

 
You can enable the resizing of this element along any of the axes.
▾
×

Ctrl+D