textarea のリサイズ機能を止めてみる

Firefoxや、Google Chrome、Safari辺りでいつの間にやら実装された、textarea のリサイズ機能はとても便利で良いなーとは思ってますが、止めたい時も有りますよね。 なので、止める方法を。 CSS3にそれっぽいプロパティが有るので、1行書くだけです。 textarea { resize: none; } こんな感じですね。 これは、ユーザー側で要素のリサイズ機能を許可するかしないかってプロパティなので、別にtextareaに限らず、overflowプロパティの値がvisible以外の指定が有る場合に使っていける感じです。 これだけだと、寂しいのでエントリーっぽくするために。 textarea以外に使うとしたら、トップページの新着情報みたいなので時々見る、高さ固定して overflow: auto; とかでスクロールバー出してる場合とかに使っていけばユーザー側でリサイ

[tohokuaiki]

知らなかった・・・

[teramako]

textarea以外にもresizeプロパティって使えたんだ..初めて知った。// textareのresize:noneは自分のデザインをユーザに押し付けているだけになっていないか再考して欲しいなと思う。

[ku_marin]

設定できる！便利や。今まであんまり気にしてなかった…

[As_hsp]

リサイズを消す スクロールバー CSS

[amberjack115]

#resizeプロパティ便利そう

[kkeisuke]

resize CSS3

[juner]

え！こんな機能あったのか！QT:textarea のリサイズ機能を止めてみる - CSS HappyLife

[warriorking]

textarea のリサイズ機能を止めてみる - CSS HappyLife

[simpleboxes]

ブラウザの挙動を変えてしまうので、利用には細心の注意が必要。基本、ユーザースタイル・機能拡張用のもので、指定するべきではない……のかな(若干自信なし)。

[olisys]

最近気になってたのでメモ

[trashtoy]

textarea以外にも有効なのを初めて知った

[forestk]

そもそも Lion でスクロールバー見えなくなるけどいいの？＞トップページの新着情報みたいなので時々見る、高さ固定して overflow: auto; とかでスクロールバー出してる場合

[Music-studio]

これは知らなかった…[CSS]

[site159]

css3なのかｗ