📪Resize

.resize-none

Prevents any resizing of the element.

CSS equivalent: resize: none;

Example usage:

<textarea class="resize-none">This element cannot be resized.</textarea>

---

.resize-both

Allows the element to be resized both horizontally and vertically.

CSS equivalent: resize: both;

Example usage:

<textarea class="resize-both">This element can be resized in both directions.</textarea>

---

.resize-horizontal

Allows the element to be resized horizontally only.

CSS equivalent: resize: horizontal;

Example usage:

<textarea class="resize-horizontal">This element can only be resized horizontally.</textarea>

---

.resize-vertical

Allows the element to be resized vertically only.

CSS equivalent: resize: vertical;

Example usage:

<textarea class="resize-vertical">This element can only be resized vertically.</textarea>

---

.resize-block

Allows block-level elements to be resized.

CSS equivalent: resize: block;

Example usage:

<div class="resize-block">This block element can be resized.</div>

---

.resize-inline

Allows inline-level elements to be resized.

CSS equivalent: resize: inline;

Example usage:

<span class="resize-inline">This inline element can be resized.</span>

---

.resize-initial

Resets the resize property to its initial value.

CSS equivalent: resize: initial;

Example usage:

<textarea class="resize-initial">This element uses the initial resize behavior.</textarea>

---

.resize-inherit

Inherits the resize property from its parent element.

CSS equivalent: resize: inherit;

Example usage:

<textarea class="resize-inherit">This element inherits its resize behavior.</textarea>

---

.resize-unset

Resets the resize property to its inherited or initial value.

CSS equivalent: resize: unset;

Example usage:

<textarea class="resize-unset">This element has an unset resize behavior.</textarea>