HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

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; 横方向のみ


スポンサーリンク

スポンサーリンク

カテゴリー