Can the user change the size?
resize
Specify whether or not the element can be resized by the user.
Property values
When an element is made resizable, the browser adds a visual affordance in the lower right corner of the element's box, which allows the user to grow or shrink the size of the element.
Specify one of these keywords:
| none | Remove any visual affordance for resizing the element |
| horizontal | Allow the element to be resized to any value between min-width and max-width |
| vertical | Allow the element to be resized to any value between min-height and max-height |
| both | Allow the element to be resized both vertically and horizontally |
To be meaningful, the element's overflow property must be hidden, scroll or auto. A value of visible is not compatible with this property.
Examples
resize: horizontal;
width: 15rem;
min-width: 5rem;
max-width: 30rem;