枠の表示形式を指定する


①外枠の指定

テーブルの上部の枠線のみ表示とか、左だけ表示とか、色々と選べます。
このタグを付ける場所は<TABLE>部分です。
外枠の上部のみ表示 → FRAME="above" 外枠の下部のみ表示 → FRAME="below"
左側の外枠のみ表示 → FRAME="lhs" 右側の外枠のみ表示 → FRAME="rhs"
上下の外枠のみ表示 → FRAME="hsides" 左右の外枠のみ表示 → FRAME="vsides"
枠を表示させない → FRAME="void"

<TABLE BORDER FRAME="below">
<TR>
<TD>１</TD>
<TD>２</TD>
<TD>３</TD>
</TR>
<TR>
<TD>４</TD>
<TD>５</TD>
<TD>６</TD>
</TR>
</TABLE>
 下部の枠線のみ表示されてます。

１２３
４５６


てか、使うのか？こんなの・・・
少なくともσ(ﾟヮﾟ*) は使ったことない。
だって枠線の表示形式はCSS使っちゃうもん。
表示、非表示だけじゃなく、枠線の形とかもCSSだゎ。
<TABLE BORDER="7" FRAME="hsides">
<TR>
<TD>１</TD>
<TD>２</TD>
<TD>３</TD>
</TR>
<TR>
<TD>４</TD>
<TD>５</TD>
<TD>６</TD>
</TR>
</TABLE>
 上下の枠線のみ表示されてます。
ちょっと見づらいので、枠の太さを７に指定しました。

１２３
４５６


あんま、利用価値なさそうなタグなので、見本は以上!!!
各自色々と試して下さいNё


②内枠の指定

テーブルの中（セルの部分）の線を、横だけ表示とか縦だけ表示とか選べます。
このタグを付ける場所も<TABLE>部分です。
縦線のみ表示 → RULES="cols" 横線のみ表示 → RULES="rows"
線の非表示 → RULES="none"

<TABLE BORDER RULES="cols">
<TR>
<TD>１</TD>
<TD>２</TD>
<TD>３</TD>
</TR>
<TR>
<TD>４</TD>
<TD>５</TD>
<TD>６</TD>
</TR>
</TABLE>
 縦線のみ表示されてます。

１２３
４５６


てか、このタグも使った事ねぇぞ
これ先、使うのだろぅか・・・？
<TABLE BORDER RULES="none">
<TR>
<TD>１</TD>
<TD>２</TD>
<TD>３</TD>
</TR>
<TR>
<TD>４</TD>
<TD>５</TD>
<TD>６</TD>
</TR>
</TABLE>
 内枠を非表示にしました。
∑d(ﾟヮﾟ*) ﾈｯ!!!セルの線消えてるｗ

１２３
４５６


どんな利用法があるのかは謎だけどﾈｪ─(*・ヮ‐)(‐ヮ・*)─ｯ!!!

この二つを合わせて使ってみよぉ!!!

<TABLE BORDER FRAME="vsides" RULES="cols">
<TR>
<TD>１</TD>
<TD>２</TD>
<TD>３</TD>
</TR>
<TR>
<TD>４</TD>
<TD>５</TD>
<TD>６</TD>
</TR>
</TABLE>
 外枠の左右と、内枠の縦線のみ表示されてます。

１２３
４５６
<TABLE BORDER FRAME="rhs" RULES="rows">
<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>
 右側のフレーム部分と内枠は横線のみ表示してみました。

１２３
４５６
７８９


組み合わせて遊んでみると面白いかも・・・・・ね？
('A`)ﾊｧ････

テーブル作成の目次に戻る