５

 表でもう少し凝ったレイアウトをしてみよう！

ouyou.gif (3239 バイト)

２．

 表の枠のスタイルを指定しよう！
　 　 NE6 IE3 IE4 IE5 IE6 　

これはIEのみでしか使えないタグなんだ。
これを使えば、表の一番外の枠組みをいろいろなスタイルに変更できるんだよ。

<TABLE FRAME="■"> 　    ・・・・表の枠のスタイル指定

■：スタイル指定

■に入るスタイルの指定には、次のようなキーワードがあるんだ。

void ：枠なし
hsides ：上下枠のみ
above ：上枠のみ
below ：下枠のみ
vsides ：左右枠のみ
lhs ：左枠のみ
rhs ：右枠のみ
box ：４辺全て表示（標準）

このキーワードを指定すると、表の外枠のどの線を表示して、どの線を表示しないかが指定できるんだ。
上の表と対応させて、下の例を見てみよう。

　SOURCE
<HTML>
<HEAD>
<TITLE>テーブル</TITLE>
</HEAD>
<BODY>

<TABLE BORDER BORDERCOLOR=blue FRAME=■>　　←■でスタイル指定
<TR><TD>●</TD><TD>○</TD><TD>◎</TD></TR>
<TR><TD>▲</TD><TD>△</TD><TD>▽</TD></TR>
<TR><TD>■</TD><TD>□</TD><TD>◇</TD></TR>
</TABLE>

</BODY>
</HTML>

これらを表示すると、

　RESULT 　
●○◎
▲△▽
■□◇

↑voidに指定。外枠がない。
●○◎
▲△▽
■□◇

↑hsidesに指定。上下枠のみ。
●○◎
▲△▽
■□◇

↑aboveに指定。上枠のみ。
●○◎
▲△▽
■□◇

↑belowに指定。した枠のみ。
●○◎
▲△▽
■□◇

↑vsidesに指定。左右枠のみ。
●○◎
▲△▽
■□◇

↑lhsに指定。左枠のみ。
●○◎
▲△▽
■□◇

↑rhsに指定。右枠のみ。

このようになる。
これと今までのタグを使えば、外枠のない表など、さまざまな表が作れるね。

back2.gif (978 バイト)　改行場所を指定しよう！
top.gif (583 バイト)　表の内側のスタイルを指定しよう！