表ではない要素を表にするサンプル
(デフォルト表示)

表ではない要素を表にするサンプル
(テーブル化)

※上記は、解説記事に掲載したソースをそのまま表示した例です。

表ではない要素を表にするサンプル
(テーブル化2)

※上記は、border-collapseプロパティに値「collapse」を指定して、表の枠線を結合させた場合の描画例です。表として見やすいよう、枠線の色を青色の実線に統一してあります。

解説記事に戻る