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;
resize

style > sizing > resizeCan the user change the size?

🔎