サイト内検索
...スタイルシート(css)...
スタイルシート・インラインフレーム
スクロールバー
- インラインフレームのスクロールバーは、scrollbar--colorプロパティを指定します。
- インラインフレームに読み込まれるページに指定すると
- インラインフレームのスクロールバーの色を指定できます。
- scrollbar--colorの中には
- base・face・trac・arrow・highlight・shadow・3dlight・darkshadow を指定します。
- [使い方]
- body｛scrollbar-base-color : #ccff99;｝
| プロパティ名 | 値 | 説明 |
|---|---|---|
| scrollbar--color： | ; | カラーコード（例・・#fff000）を指定します。 |
| プロパティ名 | 説明 | |
|---|---|---|
| scrollbar- | base-color: | 全体の色をまとめて指定します。 |
| face-color: | ボタン部分を指定します。 | |
| track-color: | レール部分を指定します。 | |
| arrow-color: | 矢印を指定します。 | |
| highlight-color: | 内側のハイライトを指定します。 | |
| shadow-color: | 内側の影を指定します。 | |
| 3dlight-color: | 外側のハイライトを指定します。 | |
| darkshadow-color: | 外側の影を指定します。 | |
サンプル
《インラインフレームに読み込まれるページ》
（インラインに読み込まれるページ.html）
<!--
body{
scrollbar-track-color : #ccff99;
scrollbar-arrow-color : #ffa500;
color: #000000;
}
-->
</style>
<!--
iframe{
width: 260px;
height: 100px;
}
-->
</style>
（インラインに読み込まれるページ.html）
[ｈｅａｄの中]
<style type="text/css"><!--
body{
scrollbar-track-color : #ccff99;
scrollbar-arrow-color : #ffa500;
color: #000000;
}
-->
</style>
[ｂｏｄｙの中]
読み込まれるページ＊インラインフレーム＊
サンプル
サンプル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
《インラインフレームを指定するページ》
[ｈｅａｄの中]
<style type="text/css"><!--
iframe{
width: 260px;
height: 100px;
}
-->
</style>
[ｂｏｄｙの中]
<iframe src="インフレーム.html">サンプル</iframe>
objectを指定
data="sample.html"
data・・・読み込まれるページを書きます。
style="width: 260px; height: 100px;" name="sample">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
data・・・読み込まれるページを書きます。
[ｂｏｄｙの中]
<object type="text/html" data="sample.html"style="width: 260px; height: 100px;" name="sample">
この部分は「object」タグに対応しているブラウザでご覧ください。
</object>
[ブラウザ上]
