テーブル(表)に関するスタイルを紹介します。
border-collapse
テーブルのボーダーを表示する方法を指定します。指定方法は以下のとおりです。
- collapse
- 隣接するセル、またはテーブルのボーダーを重ねて表示します。
- separate(デフォルト)
- 隣接するセル、またはテーブルのボーダーを間隔をあけて表示します。
border-spacingプロパティ
セル間、またはテーブルとセルの間隔を指定します。指定方法は以下のとおりです。
- 数値+単位
- 単位には、「px(ピクセル)」などが良く使われます。
table-layoutプロパティ
テーブルのレイアウト方法を指定します。指定方法は以下のとおりです。
- auto(デフォルト)
- テーブルの幅や高さは、セルの中身に応じて広がります。
- fixed
- テーブルの幅は100%、各セルの列幅は均等となります。