サイト内検索
...スタイルシート(css)...
スタイルシート・インラインフレーム
枠との余白
- インラインフレームの枠との余白は、marginプロパティを指定します。
- [使い方]
- body{
margin: 25px;
}
- [メモ・・・W3Cの検証サービス・・・]
- iframeは、HTML 4.01 Strict ・ XHTML1.0 Strictでは推奨されていません。
- iframeをobjectに埋め込むとvalidします。
HTML・XHTMLmemo・・インラインフレームの説明・サイズをご覧ください。
プロパティ名 | 値 | 説明 |
---|---|---|
margin: | ; |
「数値+単位」(例・・100px)を指定します。
単位は、「px」・「em」など、または「%」を指定します。 auto(自動) |
プロパティ名 | 値
(サンプル) |
説明 |
---|---|---|
margin: | 10px; | 上下左右 の指定をします。 |
margin: | 10px 20px; | 上下・左右 の指定をします。 |
margin: | 10px 20px 30px; | 上・ 左右・下 の指定をします。 |
margin: | 10px 20px 30px 40px; | 上・右 ・下・左 の指定をします。 |
サンプル
《インラインフレームに読み込まれるページ》
(インラインに読み込まれるページ.html)
<!--
body{
margin: 25px;
padding: 0;
background-color: #ffff8e;
color: #000000;
} -->
</style>
padding: 0;
<!--
iframe{
width: 260px;
height: 100px;
}
-->
</style>
(インラインに読み込まれるページ.html)
[headの中]
<style type="text/css"><!--
body{
margin: 25px;
padding: 0;
background-color: #ffff8e;
color: #000000;
} -->
</style>
[bodyの中]
読み込まれるページ*インラインフレーム*
margin: 25px;padding: 0;
サンプル
サンプル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
《インラインフレームを指定するページ》
[headの中]
<style type="text/css"><!--
iframe{
width: 260px;
height: 100px;
}
-->
</style>
[bodyの中]
<iframe src="sample.html">サンプル</iframe>
objectを指定
data="sample.html"
data・・・読み込まれるページを書きます。
style="width: 260px; height: 100px;" name="sample">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
data・・・読み込まれるページを書きます。
[bodyの中]
<object type="text/html" data="sample.html"style="width: 260px; height: 100px;" name="sample">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
[ブラウザ上]