（つくば：カエル）

2007年12月19日

at 17:10
posted by @
comments(0)
XHTML+CSS

Windows版Safariでテキストエリアのリサイズが可能

フォームがあるページを制作していて、
びっくり！な機能があったので、メモります。


何気なくWindows版Safariでチェックしていたところ、
テキストエリアの右下に何かドラッグできそうなものが…と思いドラッグしてみたところ

Windows版Safariでテキストエリアのリサイズが可能


伸びました。


縦だけではなく、横にも伸びます。
「このテキストエリア小さいな」と思った時、
ユーザーが自分でテキストエリアを大きくできる素敵な機能なんですが…
レイアウトが崩れ…がーん
そこで、テキストエリアのリサイズを制御するスタイルを指定。









※Windows版Safariで試してみてください。



「resize」なんてプロパティないよ？と思ったのですが
どうやらCSS3のものらしい。

今のところ、WindowsではWindows版Safariのみリサイズ可能。
※Macでは未確認
シェアは微々たるものですが、気になる人はスタイル指定しておいた方が良さそうですね。

タグ ：CSSXHTMLブラウザSafariテキストエリア

同じカテゴリー（XHTML+CSS）の記事画像
IEでiframeのボーダーが消えない
Firefoxで携帯サイトをシミュレートするアドオン
IEで画像の下に意図しないマージン（余白）が出る
IE6でネガティブマージンを指定した画像
styleswitcher.jsでスタイルシート切り替え
テーブル右端のwidth指定
同じカテゴリー（XHTML+CSS）の記事
 IEでiframeのボーダーが消えない (2009-07-17 21:00)
 スタイルシートでボックスを中央に配置 (2009-07-07 21:00)
 スタイルシートでボックスを画面中央に配置 (2009-05-19 21:00)
 Firefoxで携帯サイトをシミュレートするアドオン (2008-10-31 15:44)
 IEで画像の下に意図しないマージン（余白）が出る (2008-10-09 11:30)
 JavaScriptがいらないGoogleマップ API (2008-06-02 12:15)
ページ先頭に戻る
（つくば：カエル）

comments form

名前：
メール：
URL：
コメント：
ページ先頭に戻る