textarea のリサイズ


スポンサーリンク

div のボックスや textarea の耳引っ張って大きくしたり小さくしたりできると便利なことがあるね。

まぁ、なくてもいいんだけど。

でもそんな場面にでくわしたら、resize を使えばいいんだ。
<textarea cols="20" rows="5" class="rsize">リサイズできるテキストボックス</textarea>

<style>
.rsize{
width:130px;
height:20px;
resize:both;
}
</style>




プロパティ 意味
resize: none; リサイズなし
resize: both; 縦横方向
resize: horizontal; 縦方向のみ
resize: vertical; 横方向のみ



スポンサーリンク