インラインフレーム

インラインフレームの基本

ページの中に他のページを読み込ませて表示させるインラインフレームには<iframe></iframe>タグを使用し、src属性で読み込みたいページのパスを指定します。
このタグの間には、フレームに対応していないブラウザを使用している人のために、「フレーム対応ブラウザでご覧ください」といった文章を入力します。つまりこの文章は、フレーム対応ブラウザの場合、表示されません。
なお、スクロールバーはインラインフレームのサイズを越えたときに表示されます。

インラインフレームのサイズ

インラインフレームのサイズを指定するにはwidth属性とheight属性を使用し、その後にサイズをピクセル単位で入力します。

インラインフレームの枠線の表示・非表示

インラインフレームを使用すると、枠線が表示されます。つまり、何も設定しなければ枠線が表示されることになります。
この枠線を非表示にするには<iframe>タグにframeborder属性を使用し、その後に0またはnoを入力します。

スクロールバーの表示・非表示

インラインフレームのスクロールバーの表示・非表示を指定するのが<iframe>タグのscrolling属性です。表示したいときにはその後に、1かyesを入力し、非表示にしたいときには0かnoを入力し、必要に応じて表示・非表示にするにはautoを入力します。
なお、指定しない場合は必要に応じて表示・非表示（auto）が適用されます。

インラインフレームのマージン設定

インラインフレームにマージンを設定するには、<iframe>タグにmarginwidth、marginheight属性を使用し、その後にそれぞれのマージンサイズをピクセル単位で入力します。
ただし、読込先のページにマージンが設定してある場合、この属性は無効となります。

インラインフレームの表示位置

インラインフレームの表示位置を指定するには<iframe>タグにalign属性を使用します。位置指定はleft、center、rightの3つです。

スクロールバーの色変更

スクロールバーの色を変更するにはCSSを使用しますが、インラインフレームの場合はこのCSSを読込先のページに指定します。
下記のタグを<head>～</head>タグの間に入れて、希望のカラーコードを指定してください。
なお、スクロールバーの色を変える設定は、ネットスケープでは対応していません。

メインカラー一色のシンプルな場合

<style type="text/css">

</style>

例

各パーツの解説は以下の通りです。
scrollbar-face-color　（スクロールバーの表面の色）
scrollbar-track-color　（スクロールバーの下面の色）
scrollbar-arrow-color　（矢印の色）
scrollbar-highlight-color　（内側のハイライト部分の色）
scrollbar-shadow-color　（内側のシャドウ部分の色）
scrollbar-3dlight-color（外側のハイライト部分の色）
scrollbar-darkshadow-color　（外側のシャドウ部分の色）

各パーツごとに色を指定する場合

<style type="text/css">

</style>

例