resize property in CSS

A simple resize property example:

div {
    border: 3px solid;
    padding: 10px; 
    width: 250px;
    resize: both;
    overflow: auto;
}

Laboratory

description & Usage

When the user causes an element to change size, she has actually used the resize property.

#	Chrome	Edge	Firefox	Safari	Opera
resize

resize: none|both|horizontal|vertical|initial|inherit;

Values	Description
none	Default
both	The user can change the height and width.
horizontal	The user can change the size of the width of the element.
vertical	The user can resize the height of the element.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.