默認情況下，html 的 textarea 標簽多行文本框的右邊框和下邊框，均可以自由的拖動。

有些場景下，我們需要控制 textarea 的寬度保持不變或高度保持不變或寬高均保持不變。

下面就通過 CSS 樣式的 resize 屬性 來控制 textarea 邊框的拖動狀態。

resize 屬性值：

vertical 表示可以調整元素的高度

horizontal 表示可以調整元素的寬度

none 表示不允許調整寬高

以設置默認寬度 210px，高度 50px 為例。

1、右邊框和下邊框，可以自由拖動

代碼如下：

<textarea name="intro" id="intro" style="width:210px; height:50px;">右邊框和下邊框，可以自由拖動</textarea>

如圖所示：

2、下邊框，可以自由拖動

關鍵代碼：resize:vertical; 代碼如下：

<textarea name="intro" id="intro" style="width:210px; height:50px; resize:vertical;">下邊框，可以自由拖動</textarea>

3、右邊框，可以自由拖動

關鍵代碼：resize:horizontal; 代碼如下：

<textarea name="intro" id="intro" style="width:210px; height:50px; resize:horizontal;">右邊框，可以自由拖動</textarea>

4、右邊框和下邊框，均不可拖動

關鍵代碼：resize:none; 代碼如下：

<textarea name="intro" id="intro" style="width:210px; height:50px; resize:none;">右邊框和下邊框，均不可拖動</textarea>