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>
