[CSS] テキストエリアをリサイズできないようにする

2020年7月6日

テキストエリアリサイズできないようにする方法です。

サンプル

例1）縦横方向ともリサイズ不可とする

textarea{
  resize:none;
}

1

2

3

textarea{

resize:none;

}

例2）横方向のみリサイズ可とする

textarea{
  resize:horizontal;
}

1

2

3

textarea{

resize:horizontal;

}

例3）縦方向のみリサイズ可とする

textarea{
  resize:vartical;
}

1

2

3

textarea{

resize:vartical;

}

例4）縦横方向ともリサイズ可とする

textarea{
  resize:both;
}

1

2

3

textarea{

resize:both;

}

参考サイト

resize - CSS3虎の巻

Posted by tora