The resize CSS property allows the author to specify whether or not an element is resizable by the user, and if so, along which axis/axes.
Syntax
CSS
resize: value;
JS
object.style.resize = "value";
Values
<'resize'> = none | both | horizontal | vertical | block | inline
none
The user agent does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element.
both
The user agent presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element.
horizontal
The user agent presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element.
vertical
The user agent presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element.
block
The user agent presents a unidirectional block-axis resizing mechanism to allow the user to adjust only the block size of the element.
inline
The user agent presents a unidirectional inline-axis resizing mechanism to allow the user to adjust only the inline size of the element.
Initial
none
