css にて textarea のユーザー操作によるサイズ調整を制御する

<textarea> などのタグはブラウザにて、ユーザーが操作することでサイズを調整できる。
これを縦方向のみ、横方向のみ、といった細かいサイズ調整をさせる場合は css に記述することで制御できたりする。

resize を使う

横、縦、両方サイズ調整可能にする

textarea の場合、多分これがデフォルト

textarea {
	resize: both;
}

横幅のみサイズ調整可能にする

textarea {
	resize: horizontal;
}

高さのみサイズ調整可能にする

textarea {
	resize: vertical;
}

サイズ調整をさせない

textarea {
	resize: none;
}