IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <iframe>

<iframe>

HTML文書の一部にsrc属性で指定した内容を表示させることができます。<iframe>~</iframe>の間には、この要素に対応していないブラウザで出力する内容を記述します。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

仕様

・構成
要素区分 エンドタグ ネストできる要素 備考
インライン 省略不可 flow が何回か出現、もしくは出現しない。 HTML4.0 strictでは使えないのでご注意ください。

・属性
属性名 必須 意味
src フレームに表示させたいもののURL URL
name 識別名 任意のテキスト
longdesc 詳細な説明が記述されたURL URL
width 要素の幅 %かpx
height 要素の高さ %かpx
marginwidth フレーム内の左右マージン px値
marginheight フレーム内の上下マージン px値
scrolling スクロールバーの表示方法
auto
必要があればスクロールバー表示(規定値)
yes
スクロールバー表示
no
スクロールバー無し
frameborder 枠の表示・非表示
1
外枠あり(規定値)
0
外枠無し
align 水平方向の配置
left
左端
center
中央
right
右端
justify
両端揃え
class class名 スタイルシートを設定したclass名
id id名 スタイルシートを設定したid名もしくは、任意のテキスト
title 説明文 任意のテキスト
style スタイル 任意のスタイル

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <iframe src="../../../../images/development/htmlcss/image.gif" scrolling="no"
        frameborder="1" marginwidth="50" marginheight="0" height="100" width="50%">
      <a href="../../../../images/development/htmlcss/image.gif">iframe内の画像を表示</a>
    </iframe>
  </body>
</html>

表示結果

▲PageTop

関連項目

HTML

<frame> / <frameset> / <noframes>

▲PageTop