<h1 id="heading-css-resize-property">CSS resize Property</h1>
The <code>resize</code> property defines if (and how) an element is resizable by the user.
Note: The <code>resize</code> property does not apply to inline elements or to block elements where overflow="visible". So, make sure that overflow is set to "scroll", "auto", or "hidden".
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1686369436165/88e9ba35-ab57-488c-9757-90fb02004fdf.png" alt class="image--center mx-auto" />
Example:
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1686369501393/429754b8-0b84-468e-a2d2-388740e713c2.png" alt class="image--center mx-auto" />
<hr />
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1666336375150/5HqI8zNVh.png" alt="image.png" />
Download our HTML &amp; CSS Visual Treat! ebook Here: <a target="_blank" href="https://codemarch.gumroad.com/l/hxazr">Click here</a>

# **CSS resize Property**

The `resize` property defines if (and how) an element is resizable by the user.

**Note:** The `resize` property does not apply to inline elements or to block elements where overflow="visible". So, make sure that overflow is set to "scroll", "auto", or "hidden".

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686369436165/88e9ba35-ab57-488c-9757-90fb02004fdf.png align="center")

Example:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686369501393/429754b8-0b84-468e-a2d2-388740e713c2.png align="center")

---

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1666336375150/5HqI8zNVh.png align="left")

Download our HTML & CSS Visual Treat! ebook Here: [Click here](https://codemarch.gumroad.com/l/hxazr)