TABLE
解説
テーブルをの大枠を表す。基本的な構造は、TABLE
の中には表題を示すCAPTION
(一つ、略可)、列を規定するCOLGROUP
又はCOL
(一つ以上、略可)、データのヘッダ部を示すTHEAD
(一つ、略可)、フッタ部を示すTFOOT
(一つ、略可)、データ本体を示すTBODY
(一つ以上必須)がこの順で含まれる。
- 分類
- ブロック要素
- 内容
CAPTION
、COLGROUP
、COL
、THEAD
、TFOOT
、TBODY
参照
属性
- border:
- セルの罫線の太さを指定
- width:
- テーブル幅を指定
- cellspacing:
- 表全体、各セルの中で表示上最も大きなデータに対して、罫線との余白を指定
- cellpadding:
- 表全体の上下左右の4方向について、もっとも外周にあるセルがどれだけ表全体の枠から離れていなければならないかを指定
- bordercolor:
- 境界線色を指定
- summary:
- 非視覚系ブラウザに対して、テーブルの説明や構造を示すもの
- bgcolor:
- テーブル全体の背景色を指定(非推奨)
- align:
- 画面全体に対する表示位置を指定(非推奨)
- frame:
- テーブルの外枠線の罫線の表示方法を指定(規定値void)/
void
:外枠線無し/above
:上端のみ/below
:下端のみ/hsides
:上端下端のみ/vsides
:左端右端のみ/lhs
:左端のみ/rhs
:右端のみ/box
:周囲全て/border
:周囲全て - rules:
- セルの罫線の表示方法を指定(規定値none)/
none
:罫線無し/groups
:行列区切りのみ/rows
:行間のみ/cols
:列間のみ/all
:全て - %STYLEs%:
- スタイルシートのクラス名やID名を参照
- %LANGs%:
- 言語情報や書字方向などを指定
- %EVENTs%:
- 各種イベントを指定
使用例
ソース
<TABLE border="1">
<CAPTION>サンプル</CAPTION>
<TBODY>
<TR><TD>○</TD><TD>×</TD></TR>
<TR><TD>×</TD><TD>○</TD></TR>
</TBODY>
</TABLE>
表示結果
○ | × |
× | ○ |