今ではmozillaやwebkitブラウザでは、 Webページ上に<textarea>タグを使ったテキストエリアを配置した際、 ユーザーがエリアのサイズを自由にリサイズすることが可能になります。 場合によっては、このリサイズ操作をすることで 周りのレイアウトが崩れてしまったり、枠からテキストエリアが飛び出してしまったり、 何かと厄介になることもあります。 そんなテキストエリアのリサイズを CSSで制御できるプロパティがあるようなのでご紹介。 リサイズの制御は ———————————————————————————————- ・縦横自由にリサイズ(デフォルト) ・縦のみリサイズ可能 ・横のみリサイズ可能 ・縦横ともにリサイズ不可(テキストエリアをリサイズさせない) ・リサイズの最小値/最大値を設定 ———————————————————————————————- となります。 CSSの記述方
![テキストエリア<textarea>のリサイズをCSSで制御する|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/d277067ad631c4e5106e92511055bdc38dcb8f7c/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp_css.png%3F20231001)