1. ホーム
  2. Web制作
  3. HTML/Xhtml

iframeのパラメータを解説と使用例で整理してみました

2022-01-13 10:55:22

<iframe src="test.jsp" width="100 height="50″ frameborder="no " border="0″ marginwidth="0″ marginheight="0″ scrolling="no" allowtransparency="yes" ></iframe>

iframe runat="server" src="あなたのページのURL" width="750" height="30" frameborder="no" border=".XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" & gt;</iframe>.です。
runat="server" これはasp.netが現在のiframeにジャンプできるように、iframeに追加するのがベストです。
src アドレスURlへのリンク
frameborder ボーダーを表示するかどうか (0ボーダーなし 1ボーダーあり)
scrolling スクロールバーがあるかどうか (スクロールバーがある場合 yes スクロールバーがない場合 no)
allowtransparency 背景が透明かどうか (yes transparent no opaque)
iframeはあまり一般的ではなく、標準的なWebページで使用されることは非常に稀です。iframeはブラウザの中の"ブラウザと解釈するのが適切です。 <iframe> もフレームの一形態であるとされていますが、iframeはウェブページのどの部分にも埋め込めるという点で、<frame>と異なっています。例えば
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>
SRC=URI 組み込みキャビネット・フレームのページ・ファイル・パス
NAME=CDATA 埋込棚板の名称
LONGDESC=URIの説明
WIDTH=長さ 幅
HEIGHT=長さ 高さ
ALIGN=[ 上|中|下|左|右 ] アラインメント
FRAMEBORDER=[ 1 | 0 ] キャビネットシェルフボーダー
MARGINWIDTH=Pixels 左右の空き幅
MARGINHEIGHT=Pixels 上下の空白部分の高さ
SCROLLING=[ yes | no | auto ] フローバー (yes 強制的に表示|no 決して表示しない|auto 自動)
Iframeタグに使用されるフォーマットは、:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name=& quot;main"> </iframe>
src: ファイルへのパス。HTMLファイル、テキスト、ASPなどのいずれでも可。
width, height: 内部フレーム領域の幅と高さです。
scrolling: 指定されたSRCのHTMLファイルが指定された領域に表示されない場合のスクロールオプション。NOに設定するとスクロールバーが表示されず、Autoに設定すると自動的にスクロールバーが表示され、Yesに設定すると表示される。
FrameBorder: 領域の境界線の幅で、しばしば0に設定され、quot;内部フレーム"を隣接するコンテンツと調和させるために使用します。
name:フレームの名前。識別のために使用されます。
<iframe> テキストやグラフィックを設定するためのフローティンググラフィックフレームまたはコンテナです。
ボーダー
<iframe border="3"></iframe>
グラフィックフレームを囲むエッジの幅を設定します。
フレームボーダー
<iframe frameboder="0"></iframe>
ボーダーの有無を3次元で設定(0=無し、1=有り)
高さ,幅
<iframe height="31" width="88"></iframe>
質的なボーダーの幅と高さを設定する
スクロール
<iframe scrolling="no"></iframe>
スクロールバーの有無 (yes,no,auto)。
src
<iframe src="girl.gif"></iframe>
iframeで呼び出すファイルや画像を指定します(html,htm,gif,jpeg,jpg,png,txt,*. *)。

注意
フローティングフレームは、フレーム設定の一部として <frameset> 要素を介して宣言される必要はありません。
WebTVおよびNetscape 4.x(4.0〜4.75)は、フローティングフレームをサポートしていません。
HTML4.01の厳密な仕様では、<iframe>要素は定義されていません。フローティング・フレームは、<div>要素とCSSの位置決め方法を使って、エミュレートすることができます。

フローティングフレームマーカーIframeのプロパティです。

1. ファイルの場所  
構文:src=url  
説明:urlは埋め込まれたHTMLファイルの位置で、相対アドレスまたは絶対アドレスのどちらかです。  
例: <iframe src="iframe.html"> 

2. オブジェクト名です。  
構文:name=#。  
説明 # はオブジェクトの名前です。この属性は、他のオブジェクトが利用できるように、オブジェクトに名前を与えます。  
例: <iframe src="iframe.html" name="iframe1"> 
3. IDセレクタです。  
構文: id=#  
説明 このタグに固有のIDセレクタを指定します。  
例: <iframe src="iframe.html" id="iframe1"> 

4. コンテナ属性。  
構文:height=# width=# とする。  
説明 この属性は、フローティングフレームの高さと幅を指定します。値は正の整数(ピクセル単位)又はパーセントです。  
height: フローティングフレームの高さを指定する。  
width: フローティングフレームの幅を指定します。  
例: <iframe src="iframe.html" height=400 width=400> 

5. リサイズ  
構文:ノレサイズ  
説明 フローティングフレームがリサイズ不可であることを指定するIE独自のプロパティです。  
例: <iframe src="iframe.html" noresize> 

6. ボーダー表示。  
構文:frameborder=0, 1  
説明 この属性は、フローティングフレームのボーダーを表示するかどうかを指定する。  
0:フローティングフレームボーダーを表示しない。  
1: フローティングフレームの枠線を表示します。  
例: <iframe src="iframe.html" frameborder=0>  
<iframe src="iframe.html" frameborder=1> 

7. ボーダーの太さ。  
構文:border=#。  
説明 このプロパティは、フローティングフレームの境界線の厚さを指定し、ピクセル単位で正の整数と 0 の値を取る。フローティングフレームをページとシームレスに統合するために、borderは一般的に0に等しい。  
例: <iframe src="iframe.html" border=1> 

8. ボーダーの色  
構文:bordercolor=color  
説明 この属性は、フローティングフレームのボーダーの色を指定します。color は、RGB カラー(RRGGBB)またはカラーネームです。  
例: <iframe src="iframe.html" bordercolor=red> 

9. アライメント  
構文:align=left, right, center  
説明 この属性は、フローティングフレームが他のオブジェクトに対してどのように整列されるかを指定します。  
left: 左中央に配置されます。  
right: 右中央揃え。  
center: 中央揃え。  
例: <iframe src="iframe.html" align=left>  
<iframe src="iframe.html" align=right>  
<iframe src="iframe.html" align=center> 

10. 隣接するスペーシング  
構文:framespacing=#。  
説明 この属性は、隣接するフローティングフレーム間の間隔を指定します。値は正の整数で 0、単位はピクセルです。  
例: <iframe src="iframe.html" framespacing=10> 
11. インナーホワイト属性。  
構文:hspace=# vspace=#.  
説明 この属性は、フローティングフレーム内のボーダーのサイズを指定します。値は正の整数で 0、単位はピクセルです。両方の属性は同時に適用されなければならない。  
hspace: フローティングフレーム内の左右のボーダーの大きさ。  
vspace: フローティングフレーム内の上下のボーダーのサイズ。  
例: <iframe src="iframe.html" hspace=1 vspace=1> 

12. 外側の補色白属性  
構文:marginheight=# marginwidth=#。  
説明 この属性は、フローティングフレームのボーダーサイズを指定します。値は正の整数で 0、単位はピクセルです。両方の属性は同時に適用されなければならない。    
marginheight: フローティングフレームの左右の境界線の大きさです。  
marginwidth: フローティング・フレームの上下の境界線のサイズ。  
例: <iframe src="iframe.html" marginheight=1 marginwidth=1>