iframe width border / css

ｉフレームのサイズ指定

インラインフレームの大きさを指定する(CSS)

width: *px; height: *px;

　width と height は、全てのタグ（要素）に適用できます。ただし、width は非置換インライン要素、tr要素、thead要素、tfoot要素、tbody要素には適用できません。また、height は非置換インライン要素、colgroup要素、col要素には適用できません。

　width は横幅を、height は高さを指定するプロパティです。このプロパティを<iframe>タグ（要素）に設定すると、インラインフレームの大きさを指定できます。

　iframe { width: 300px; height: 200px; }

プロパティ名	値	説　　明
width	数値＋単位（px 等） or パーセント	インラインフレームの横幅を指定（初期値は auto）
height	数値＋単位（px 等） or パーセント	インラインフレームの高さを指定（初期値は auto）

　★ 使用例とブラウザでの表示 (h1-1)スタイルシートの書き方（基本）は、こちらです。


設定例： .h1-1ex { width: 280px; height: 120px; }

使　用　例		ブラウザの表示

<iframe src="Sample.htm" class=h1-1ex> サンプル</iframe>		サンプル

関連するページ

HTML タグページ

：インラインフレーム（ｉフレーム）の基本
HTML タグページ

：インラインフレームのサイズを指定する

ｉフレームの境界線指定

インラインフレームの境界線を指定する(CSS)

border: ***;

　border は、全てのタグ（要素）に適用できます。

　border は、境界線の太さ、色、スタイルをまとめて指定するプロパティです。このプロパティを<iframe>タグ（要素）に設定すると、インラインフレームに境界線を付けることができます。

　iframe { border: 2px red solid; }

プロパティ名	値　および　説　明
border:	2px…線の太さ	red…線の色	solid…線のスタイル	;
初期値	medium	文字色の値	none

＊それぞれの値は、半角スペースで区切って記述します。
記述する順序は自由で、必要のない指定は省略できます。（省略した場合は初期値になります）

※ 境界線スタイルの指定を省略すると、境界線が表示されなくなります。境界線を表示する場合は、この指定を省略しないで下さい。

＊境界線の指定方法については、「境界線の太さ・色・スタイルをまとめて指定する」をご覧下さい。

　★ 使用例とブラウザでの表示 (h1-2)スタイルシートの書き方（基本）は、こちらです。


設定例： .h1-2so { border: 1px red solid; width:280px; height:100px; } .h1-2da { border: 2px blue dashed; width:280px; height:100px; }

使　用　例		ブラウザの表示

<iframe src="Sample.htm" class=h1-2so> サンプル</iframe>		サンプル
<iframe src="Sample.htm" class=h1-2da> サンプル</iframe>		サンプル

☆ Internet Exp.の場合は、デフォルトの境界線（立体的な境界線）を一緒に表示します。この境界線を消す場合は、<iframe>タグに frameborder="0" を指定して下さい。