サイト内検索
...スタイルシート(css)...
スタイルシート・インラインフレーム
背景画像
- インラインフレームの背景画は、background-imageプロパティを指定します。
- インラインフレームに読み込まれるページに
- 画像の指定をすると、背景画像の指定が出来ます。
- [使い方]
- body{
background-image : url(img/sample.jpg);
}
- [メモ・・・W3Cの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていません。
- iframeをobjectに埋め込むとvalidします。
HTML・XHTMLmemo・・インラインフレームの説明・サイズをご覧ください。
プロパティ名 | 値 | 説明 |
---|---|---|
background-image: | ; |
「url(http://・・/sample.jpg);」
のように表示する画像(URL)を指定します。 |
サンプル
《インラインフレームに読み込まれるページ》
(インラインに読み込まれるページ.html)
<!-
body{
background-image : url(img/sample.jpg);
color: #000000;
} -->
</style>
<!--
iframe{
width: 260px;
height: 100px;
}
-->
</style>
(インラインに読み込まれるページ.html)
[headの中]
<style type="text/css"><!-
body{
background-image : url(img/sample.jpg);
color: #000000;
} -->
</style>
[bodyの中]
読み込まれるページ*インラインフレーム*
サンプル
サンプル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
《インラインフレームを指定するページ》
[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>
[ブラウザ上]