Safari 3 で textarea のリサイズを制御する方法

Safari

Safari 3 だと textarea がリサイズできるようになってるんだけど、これによってレイアウトが崩れちゃう場合もある訳で。
そうするとこのリサイズもなんとか制御したいな、と思う訳ですよ。

で、結論から言ってしまえば CSS で制御することができます。
こんな感じ。

自由にリサイズ
<textarea cols="30" rows="8" style="resize:both;"></textarea>

横にだけリサイズ
<textarea cols="30" rows="8" style="resize:horizontal;"></textarea>

縦にだけリサイズ
<textarea cols="30" rows="8" style="resize:vertical;"></textarea>

リサイズさせない
<textarea cols="30" rows="8" style="resize:none;"></textarea>

リサイズの最小値と最大値を決める
<textarea cols="30" rows="8" style="min-width:150px; min-height:80px; max-width:400px; max-height: 200px;"></textarea>

このブログのコメント欄にも早速導入してみました。

resize プロパティとかはこの辺に書かれてますね。


Technorati Tags:

ads by LinkShare



About Author
trackfeed
feed meter
人気ブログランキング - Forest.Kの徒然日記
track word
あわせて読みたい
あわせて読みたい
解析
Firefox meter Chrome Counter Firefox3 Meter


特集 & 限定アルバム
iTunes Store Top Songs
iTunes Store Top Albums
  •  iTunes Store(Japan)