CSS resize property

Description

CSS resize property specifies whether an element is resizable or not. And if it is resizable then along which axis.

resize property applies to all the elements that have overflow property with auto value.

resize : none | both | horizontal | vertical

noneDefault: The element is not resizable.; resize: none;
Try it
both: The element is resizable along both x and y axes.; resize: both;
Try it
horizontal: The element is resizable only along x-axis. In this case, the width of an element is resizable.; resize: horizontal;
Try it
vertical: The element is resizable only along y-axis. In this case, the height of an element is resizeable.; resize: vertical;
Try it

It applies to all elements

Code

CSS

.parent{
width:150px;
height:150px;
border:1px solid black;
overflow:auto;
}

HTML

<div class="parent" contenteditable="true">
 You can enable the resizing of this element along any of the axes.
 </div>