Utilities for controlling how an element can be resized.
2025-04-10
Written by: tdtc
| Class | Styles |
|---|---|
| resize-none | resize: none; |
| resize | resize: both; |
| resize-y | resize: vertical; |
| resize-x | resize: horizontal; |
Use resize to make an element horizontally and vertically resizable:
<textarea class="resize rounded-md ..."></textarea>Use resize-y to make an element vertically resizable:
<textarea class="resize-y rounded-md ..."></textarea>Use resize-x to make an element horizontally resizable:
<textarea class="resize-x rounded-md ..."></textarea>Use resize-none to prevent an element from being resizable:
<textarea class="resize-none rounded-md"></textarea>