サイト内検索
...スタイルシート(css)...
スタイルシート・インラインフレーム
背景色
- インラインフレームの背景に色を指定するには、
background-colorプロパティを指定します。 - インラインフレームに読み込まれるページに
- 色の指定をすると、背景色の指定が出来ます。
- [使い方]
- body{
background-color: #ffff8e; color: #999999;
}
- [メモ・・・W3Cの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていません。
- iframeをobjectに埋め込むとvalidします。
HTML・XHTMLmemo・・インラインフレームの説明・サイズをご覧ください。
プロパティ名 | 値 | 説明 |
---|---|---|
background-color: | ; |
16進数RGB値(例・・#fff000)
または カラーネーム(例・・red)を指定します。 |
transparent; | transparent「透明」を指定したことになります。
指定なしのことです |
サンプル
《インラインフレームに読み込まれるページ》
(インラインに読み込まれるページ.html)[headの中]
<style type="text/css"><!--
body{
background-color: #ffff8e; color: #999999;
}
-->
</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>
[ブラウザ上]