画面の中にHTMLを埋め込む技術です
Iframe 構文
HTML iframeは次の <iframe> タグで定義されます:
<iframe src=”URL“></iframe>
この src 属性は、インラインフレームページのURL（Webアドレス）を指定します。
Iframe – 高さと幅を設定
height および width 属性を使用して、iframeのサイズを指定します。
高さと幅はデフォルトでピクセルで指定されます:
例文
<iframe src=”demo_iframe.htm” height=”200″ width=”300″></iframe>
高さと幅はパーセントで指定することもできます。:
例文
<iframe src=”demo_iframe.htm” height=”100%” width=”100%”></iframe>
または、CSSを使用してiframeの高さと幅を設定できます。:
例文
<iframe src=”demo_iframe.htm” style=”height:200px;width:300px;”></iframe>
スポンサーリンク
Iframe – 境界線を削除
デフォルトでは、iframeの周囲に境界線があります。
境界線を削除するには、 style 属性を追加し、CSSborder プロパティを使用します。:
例文
<iframe src=”demo_iframe.htm” style=”border:none;”></iframe>
CSSを使用すると、iframeの境界線のサイズ、スタイル、色を変更することもできます。 :
例文
<iframe src=”demo_iframe.htm” style=”border:2px solid red;”></iframe>
Iframe – リンクのターゲット
iframeは、リンクのターゲットフレームとして使用できます。
target リンクの属性を参照しなければならない name のiframeの属性:
例文
<iframe src=”demo_iframe.htm” name=”iframe_a”></iframe>
<p><a href=”https://www.berry.com” target=”iframe_a”>berry.com</a></p>
さらにタグについてもっと知るには HTML Tag 辞典を参照して下さい