逆引きHTML-13.フレーム-4.フレーム縦割り

13. フレーム

13-4. フレーム縦割り

●タグ

●構文

x1,x2,,,xn

：ピクセル指定か、全体を100%とした時の各フレーム高さを割合で指定

●説明

フレーム枠を横方向に分割（枠線は縦方向）します。割合で指定する場合、合計が100%にならなければなりません。また、"*"で指定すると、ブラウザが自動計算してくれます。ただし、指定は１つまでにしましょう。

サンプルはファイル４つで構成します。横方向に３つにフレーム分割し、左から順に<FRAME>で割り当てます。ブラウザの表示領域の横方向にそれぞれ20%,20%,60%の割合になります。当然、Cols属性で指定した個数分のFRAME要素が必要です。

●HTML4.0

FRAMESET要素

●サンプル

実際に表示

13-04.html

<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>フレーム縦割り</TITLE>
</HEAD>
<FRAMESET Cols="20%,20%,*">
	<FRAME Src="./13-x-01.html">
	<FRAME Src="./13-x-02.html">
	<FRAME Src="./13-x-03.html">
	<NOFRAMES>フレーム未対応ブラウザに対するHTML</NOFRAMES>
</FRAMESET>
</HTML>

13-x-01.html

<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>フレーム</TITLE>
</HEAD>
<BODY>
	通常のHTML文書"13-x-01.html"
</BODY>
</HTML>

13-x-02.html

<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>フレーム</TITLE>
</HEAD>
<BODY>
	通常のHTML文書"13-x-02.html"
</BODY>
</HTML>

13-x-03.html

<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>フレーム</TITLE>
</HEAD>
<BODY>
	通常のHTML文書"13-x-03.html"
</BODY>
</HTML>

逆引きHTMLリファレンス

13. フレーム

13-4. フレーム縦割り