サイト内検索
...HTML・XHTMLタグ...
インラインフレーム
インラインフレーム周りの余白
- インラインフレームの周りの上下の余白は、
iframe要素にvapace属性を指定します。 - インラインフレームの周りの左右の余白は、
iframe要素にhspace属性を指定します。 - [使い方]
- <iframe vapace="20" hspace="30">
- [メモ・・・W3Cの検証サービス・・・]
- vapace・hspaceは、W3Cの検証サービスでは推奨されていませんので、
- Validするには、スタイルシートを使用します。
- floatプロパティ・marginプロパティを指定します。
- .sample{float: left; margin: 10px 20px;}
属性 | 属性値 | 説明 |
---|---|---|
vapace= | "" |
上下の余白を付ける場合に指定します。
「"5"」のように 整数の「ピクセル数」を指定します。 |
hspace= | "" |
左右の余白を付ける場合に指定します。
「"5"」のように 整数の「ピクセル数(px)」を指定します。 |
サンプル
[bodyの中]
<iframe src="sample.html" width="200" height="100" align="left"hspace="20">
このぺージはフレーム対応のブラウザでご覧ください。
</iframe>
floatを指定
[bodyの中]
<object type="text/html" data="sample.html"style="float: left; width:200px; height:100px;" name="sample">
このぺージはフレーム対応のブラウザでご覧ください。
</object>
「float: left; margin-right:40px;」を
指定しています
[ブラウザ上]
「float: left; margin-right:40px;」を指定しています。