Go to information

テーブル

表の枠線の表示方法、セルとセルの間隔の制御、キャプション(表題)の位置、空のセルの枠線の表示方法、表のレイアウト方法など表(テーブル)に関するプロパティ。

border-collapse
border-collapseプロパティは表の枠(ボーダー)の表示モデルに結合ボーダーモデル、または分離ボーダーモデルのどちらを用いるのかを指定します。collapse は結合ボーダーモデルを用いて、セルを結合して、表の端から端まで連続した枠で表示させます。separate は分離ボーダーモデルを用いて、各セルの周囲に分離した枠を表示させます。
border-spacing
border-spacingプロパティは border-collapseプロパティで表の枠(ボーダー)の表示モデルに分離ボーダーモデル(border-collapse : separate ;)が用いられた場合の各セルのボーダー間隔を指定するプロパティです。table要素の cellspacing属性と同様の機能です。
caption-side
caption-sideプロパティは表組に付けるキャプション(表題)の表示位置を指定します。キャプションを表組の上、または下に配置した場合は、は text-alignプロパティで水平方向の揃え方を指定することが可能です。
empty-cells
empty-cellsプロパティは border-collapseプロパティで表の枠(ボーダー)の表示モデルに分離ボーダーモデル(border-collapse : separate ;)が用いられていた場合の内容をもたない空のセルの枠線の表示・非表示についての有無を指定します。
table-layout
table-layoutプロパティは表をレイアウトする際に固定レイアウトアルゴリズムを用いるか、自動レイアウトアルゴリズムを用いるかの表の横幅の計算方法を指定します。値には、固定レイアウトアルゴリズムの fixed と自動レイアウトアルゴリズムの auto のキーワードがあります。
現在位置
  1. W3G
  2. CSS
  3. テーブル
ナビゲーション
ステータス情報
作者
上田 遼
URI
http://w3g.jp/css/table/
検索

直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!