テーブル

テーブル

table-layout

テーブルのレイアウトの仕方を指定します。

auto

自動レイアウトを用います。テーブルの横幅はテーブルの内容などによって変わります。

fixed

固定レイアウトを用います。width で指定した値がテーブルの横幅になります。

caption-side

テーブルの表題の位置を指定します。

このプロパティは、表題要素( HTML の CAPTION 要素などの display プロパティの値が、table-caption の要素 ) にのみ指定可能です。

このプロパティは、表題の位置を指定するだけです。行揃えには、text-align や vertical-align を用います。

top

表題をテーブルの上部に配置します。

bottom

表題をテーブルの下部に配置します。

left

表題をテーブルの左側に配置します。

right

表題をテーブルの右側に配置します。

border-collapse

テーブルのボーダーモデルを指定します。ボーダーモデルには結合ボーダーモデルとブンリボーダーモデルがあります。

結合ボーダモデルでは、セル間など重複するボーダーが一つのボーダーとして表示されます。

分離ボーダーモデルでは、セル間のボーダーをそのまま表示します。セル間の距離は border-spacing を用います。

collapse

結合ボーダーモデルを用います。

separate

分離ボーダーモデルを用います。

border-spacing

テーブルセル間の距離を指定します。

長さ [ 長さ ]

テーブルセル間の距離を長さで指定します。値が二つ指定された場合は、最初の値が水平方向、二つ目の値が垂直方向の距離になります。

empty-cells

空のセルの表示の仕方を指定します。

hide

セルの周りのボーダーを表示しません。

show

通常のセルのように表示します。