CSS ボーダー折り目属性

定義と使用法

border-collapse属性は、テーブルの枠線が一つの単一の枠線に統合されるか、標準のHTMLのように分けて表示されるかを設定します。

参照もしてください：

CSSチュートリアル：CSS 表格

HTML DOMリファレンスマニュアル：borderCollapse属性

例

テーブルに枠線の統合モデルを設定します：

table
  {
  border-collapse:collapse;
  }

実際に試してみる

CSS语法

border-collapse: separate|collapse|initial|inherit;

属性値

値 説明
separate デフォルト値。枠線は分けて表示されます。border-spacingおよびempty-cells属性は無視されません。
collapse 可能であれば、枠線は一つの単一の枠線に統合されます。border-spacingおよびempty-cells属性は無視されます。
inherit 親要素からborder-collapse属性の値を継承するべきです。

技術的詳細

デフォルト値： separate
継承性： はい
バージョン： CSS2
JavaScript语法： object.style.borderCollapse="collapse"

さらに多くの例

テーブルの枠線の統合
この例では、テーブルの枠線を一つの独立した枠線として表示するか、標準のHTMLのように分けて表示するかを示しています。

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0