フレーム・FRAMESET

<frameset framespacing="0" border="0" frameborder="0" rows="22,*">

縦に分割し、最初に(上に)22ピクセルの領域、残りはすべて

border
フレームどうしを区切るボーダーラインの幅をピクセル値で指定します。

値を0にすると、ボーダーラインなしになります(frameborder="no"と同じ)。

bordercolor
ボーダーラインの色を変えます。

cols
 横に画面を分割するための指定です。

左側の画面をブラウザ画面全体の横幅の30%、中の画面の20%、右側の画面を50%にしたい場合、cols="30%,20%,50%"となります。

ピクセル値で指定する場合、*を使うことができます。

たとえば上下に分割したいときに、どんな大きさになっても下側の画面は必ず100ピクセル欲しいのであれば、rows="*,100"と指定します。

これにより、下側には必ず100ピクセルが準備され、残りが上側の画面になります。

rows
 縦に画面を分割するための指定です

frameborder
フレームどうしを区切るボーダーラインを付けるかどうかを指定します。

yesを値にするとボーダーラインあり、noを値にするとボーダーラインなしになります。

<frame name="banner" scrolling="no" noresize target="contents" src="../guide_top.htm">

上から22ピクセルで確保したウインドウに]表示するURLを指定します。

ユーザはサイズを変更できない(scrolling="no" noresize)ようにします。

<frameset cols="116,*">

残りに領域を再度、横に分割します。

右から116ピクセルと残りの部分

<frame name="contents" target="main" src="tipsi.htm" scrolling="auto" marginwidth="0" marginheight="6">

左側116ピクセルで確保したウインドウの表示設定をします。

border
フレームどうしを区切るボーダーラインの幅をピクセル値で指定します。

値を0にすると、ボーダーラインなしになります(frameborder="no"と同じ)。

bordercolor
ボーダーラインの色を変えます。

色の指定については、7 を参照してください。

frameborder
フレームどうしを区切るボーダーラインを付けるかどうかを指定します。

1を値にするとボーダーラインあり、0を値にするとボーダーラインなしになります。

longdesc
フレームの説明を示したURIを指定します。
marginheight
このフレームの上下に空ける空白幅を指定します。

値には1以上のピクセル値を指定します。

marginwidth
このフレームの左右に空ける空白幅を指定します。

値には1以上のピクセル値を指定します。

name
リンクされるときの参照ID名を指定します。
noresize
ブラウザの大きさを変更してもこのフレームはリサイズされません。
scrolling
このフレームのスクロールバーの表示/非表示を設定します。

値には次のいずれかを取ります。

  • auto:ページがフレームより大きくなったらスクロールバーを付けます(デフォルト)。
  • no:たとえページがフレームに入りきらなくてもスクロールバーを付けません。
  • yes:常にスクロールバーを付けます。
src
、このフレームに表示するファイルを指定します。

このアトリビュートがない場合、このフレームには何も表示されません。

<frame name="main" src="tips-0.htm" target="_self" scrolling="auto" marginwidth="12" marginheight="6">

</frameset>

<noframes>

古いブラウザやフレームを表現しにくいテキストブラウザに同等のコンテンツを提供するためにframesetタグ環境の中で使用します。

このタグに囲まれた部分は、フレームをサポートしていないブラウザで表示されます。


<p>
このページにはフレームが使用されていますが、
お使いのブラウザではサポートされていません。

</p>
<p>
HOME
<ahref="http://web.okanos.com">http://web.okanos.com</a></p>
</noframes>

</frameset>

フレームの定義される順序
↓→ 3) 116 4) *
1) 22 name="banner"
2) * name="contents" name="main"

[BACK] [NEXT][詳細]


HTML入門