resize
Sets whether an element is resizable by the user, and if so, in which directions. Note that this only works on elements where overflow is not 'visible'.
Quick example
textarea.standard-input {
resize: vertical;
/* allows users to expand the box downwards only */
}
.resizable-panel {
overflow: auto;
resize: both;
/* user can resize the panel in both directions */
}Quick facts
Initial value
noneInherited
No
Applies to
elements with overflow other than visible, and replaced elements
Animation type
discrete
Values
nonebothhorizontalverticalblockinline resize Browser Support
Limited availability 84% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
1+
4+
3+
79+