resize

The resize CSS property lets you control the resizability of an element.

Values

none The element offers no user-controllable method for resizing the element.
both The element displays a mechanism for allowing the user to resize the element, which may be resized both horizontally and vertically.
horizontal The element displays a mechanism for allowing the user to resize the element, which may only be resized horizontally.
vertical The element displays a mechanism for allowing the user to resize the element, which may only be resized vertically.
<html lang="en">
    <head>
        <style>
            .class1 {
                resize: both;
                overflow: scroll;
                width: 300px;
                height: 300px;
                border: 1px solid black;
            } .class2 {
                resize: both;
                overflow: scroll;
                width: 200px;
                height: 200px;
                border: 1px solid black;
            }
        </style>
    </head>
    <body>
        <div class="class1">
            <p class="class2">
                This paragraph is resizable, because 
                the CSS resize property is set to 'both' on this
                element.
            </p>
        </div>
    </body>
</html>