ホームページ作成の基礎からご提供するホームページ作成Space

テーブルのキャプションの位置を top（上）、bottom（下）、right（右）、left（左）、inherit（継承）のいずれかで指定します。Netscape 6 では top と bottom のみ有効です。

CAPTION { caption-side: bottom; }

テーブルのレイアウト方法を auto（既定値：自動）、fixed（固定）、inherit（継承）のいずれかで指定します。fixed を指定すると、テーブルの横幅をテーブルの内容に関わらず固定することができます。

TABLE { table-layout: fixed; width: 300px; }

テーブルの各セルの枠線を collapse（隣のセルの枠線と重ねて表示）、separate（隣のセルとすこし離して表示）、inherit（継承）のいずれかで指定します。CSS2 の仕様書上の既定値は collapse ですが、大半のブラウザでは separate が既定値のようです。

TABLE.col { border-collapse: collapse; }
TABLE.sep { border-collapse: separate; }
TD { border: 1px solid red; }

border-collapse: separate; を指定した際の隙間を 10px のような単位付きの数値で指定します。2px 3px と指定した場合は横に 2px、縦に 3px、10px と指定した場合は縦・横に 10px ずつ隙間があきます。

TABLE { border-collapse: separate; border-spacing: 10px; }

中身が何もないセルの枠線を show（表示する）、hide（表示しない）、inherit（継承）のいずれかで指定します。CSS2 の仕様上の既定値は show ですが、大半のブラウザでは hide が既定値のようです。show を指定することにより、中身が空のセルにも枠線が表示されるようになります。

TABLE { empty-cells: show; }