ＷＥＢ用語(N)
<iframe> - インラインフレーム
トップ >
HTMLリファレンス >
<iframe>
概要
説明
iframe は Inline FRAME の略です。<frame> によるフレームは画面を分割することしかできませんでしたが、<iframe> は、画面の中央にフレームを表示することができます。
<iframe>〜</iframe> の間には、<iframe> に対応していないブラウザのためのメッセージを記述します。
Netscape Communicator 4.* は <iframe> をサポートしていませんが、<ilayer> を用いて同様の機能を実現することが出来ます。
属性
【重要属性】
【表示関連】
【ボーダー関連】
【その他の属性】
【一般属性】
| 属性 | 意味 |
|---|---|
| src=url | H4t/e3/N6。フレームの中身に表示する文書のURLを指定します。 |
【表示関連】
| 属性 | 意味 |
|---|---|
| align=align | H4t/e3/N6。フレームを表示する位置を指定します。 |
| height=n | H4t/e3/N6。フレームの高さをピクセルまたはパーセンテージで指定します。 |
| width=n | H4t/e3/N6。フレームの横幅をピクセルまたはパーセンテージで指定します。 |
| hspace=n | e3。フレームの周りの横方向の余白をピクセル単位で指定します。 |
| vspace=n | e3。フレームの周りの縦方向の余白をピクセル単位で指定します。 |
| marginheight=n | H4t/e3/N6。フレームの上下の余白をピクセル単位で指定します。 |
| marginwidth=n | H4t/e3/N6。フレームの左右の余白をピクセル単位で指定します。 |
| allowtransparency=bool | e55。フレームを透明色にする場合は true を指定します。規定値は false です。この機能を有効にするには、フレーム内に表示するドキュメントの <body> の背景色（bgcolor）が "transparent" である必要があります。 |
【ボーダー関連】
| 属性 | 意味 |
|---|---|
| border=n | e4。フレームの枠線の太さをピクセル単位で指定します。 |
| bordercolor=color | e4。フレームの枠線の色を指定します。 |
| frameborder=frameborder | H4t/e3/N6。フレームの枠線を表示する場合は 1 を、表示しない場合は 0 を指定します。IEでは yes と no も指定可能です。 |
【その他の属性】
| 属性 | 意味 |
|---|---|
| datafld=datafld | e4。データバインド機能を用いる際の、データソースの列名を指定します。 |
| datasrc=datasrc | e4。データバインド機能を用いる際の、データソースの ID を指定します。 |
| framespacing=framespacing | e4。フレーム間の隙間をピクセル単位で指定します。 |
| longdesc=longdesc | H4t。このフレームに関する説明が TITLE 属性で示せないくらいに長文の場合に、その説明ページのURLを指定します。 |
| scrolling=scrolling | H4t/e3/N6。スクロールバーの表示を制御します。 yes：常に表示 no：常に非表示 auto：自動（規定値） |
【一般属性】
| 属性 | 意味 |
|---|---|
| class=class | H4t/e3/N6。クラスを指定します。 |
| dir=dir | e5。文字の表示方向を指定します。 |
| id=id | H4t/e3/N6。IDを指定します。 |
| lang=lang | e4。言語を指定します。 |
| language=language | e4。スクリプト言語を指定します。 |
| name=name | H4t/e3/N6。名前を指定します。 |
| style=style | H4t/e3/N6。スタイルシートを指定します。 |
| title=title | H4t/e4/N6。タイトルを指定します。 |
使用例
| HTMLソース |
|---|
<iframe src="xx.html" height=300 width=300> この部分は iframe 対応のブラウザで見てください。 </iframe> |
