テーブルのスタイル


テーブル(表)に関するスタイルを紹介します。

border-collapse

テーブルのボーダーを表示する方法を指定します。指定方法は以下のとおりです。

collapse
隣接するセル、またはテーブルのボーダーを重ねて表示します。
separate(デフォルト)
隣接するセル、またはテーブルのボーダーを間隔をあけて表示します。

border-spacingプロパティ

セル間、またはテーブルとセルの間隔を指定します。指定方法は以下のとおりです。

数値+単位
単位には、「px(ピクセル)」などが良く使われます。

table-layoutプロパティ

テーブルのレイアウト方法を指定します。指定方法は以下のとおりです。

auto(デフォルト)
テーブルの幅や高さは、セルの中身に応じて広がります。
fixed
テーブルの幅は100%、各セルの列幅は均等となります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です