フォームオブジェクトのサイズ

実験：フォームオブジェクトのサイズ

上のブラウザはWindows版です。

■size=10,20,30,40

■width＝NS4での値に合わせて固定

→NS4で見ても幅がほぼ同じ

ブラウザ	大まかな規則性(デフォルト時)	文字拡大縮小時	スタイルシートで幅固定可能か
IE3.0	width=5*cols / (非線形?)	不変	×
IE4.0	width=7cols+20 / height=14rows+6	不変	○
IE5.0	width=7cols+20 / height=14rows+6	不変	○
IE6.0	width=7cols+20 / height=14rows+6	不変	○
NS4.x	width=7cols+22 / height=13rows+30 (15：wrap=physical,hard時)	フォームサイズも変わる	×
NS6.0	width=8cols+23 / height=16rows+30	フォームサイズも変わる(不安定)	○
NS7.0	width=8cols+32 / height=16rows+22	フォームサイズも変わる	○

具体的な計算式はwrapオプション(正確にはスクロールバーの有無) などによって変わります。上記は基本的にデフォルト時のものです。

指定無し

■cols=10,20,30,40 rows=1,2,3,4

cols=10 rows=1

cols=20 rows=2

cols=30 rows=3

cols=40 rows=4

■width,height＝NS4での値に合わせて固定

→NS4で見ても幅がほぼ同じ


	cols=10 rows=1 width=92px height=43px


	cols=20 rows=2 width=162px height=56px


	cols=30 rows=3 width=232px height=79px


	cols=40 rows=4 width=302px height=82px

フォームには関係ないですがIE3.0では背景の定規画像が15pxだけずれるようです。 IE3.0で見て確認する時には注意して下さい。

このページでは「きぃなび」を使ってないので前の項目に戻るには BackSpaceキーかブラウザの「戻る」ボタンを使って下さい。