resize

resize

用於控制元素如何調整大小的通用類別。

Class Styles

resize-none

resize: none;

resize

resize: both;

resize-y

resize: vertical;

resize-x

resize: horizontal;

範例（Examples）

使用 resize 使元素可以水平和垂直調整大小：

拖曳示範中的文字區域控制柄以查看預期行為

<textarea class="resize rounded-md ..."></textarea>

使用 resize-y 使元素可以垂直調整大小：

拖曳示範中的文字區域控制柄以查看預期行為

<textarea class="resize-y rounded-md ..."></textarea>

使用 resize-x 使元素可以水平調整大小：

拖曳示範中的文字區域控制柄以查看預期行為

<textarea class="resize-x rounded-md ..."></textarea>

使用 resize-none 來防止元素被調整大小：

注意文字區域控制柄已消失

<textarea class="resize-none rounded-md"></textarea>

在 resize 通用類別前面加上像 md: 這樣的中斷點變體，讓該通用類別只在中型螢幕尺寸及以上時套用：

<div class="resize-none md:resize ...">  <!-- ... --></div>

在變體文件中了解更多關於使用變體的資訊。