最終更新日 2021年4月7日

border-collapseプロパティ

border-collapseは、隣接するセルのボーダーを重ねて表示するか、間隔をあけて表示するかを指定するプロパティです。

間隔をあけて表示した場合、その間隔を調整するには、border-spacingを使用します。

CSS3での変更点

特にありません

初期値	適用先	継承
separate	table要素、または「display: inline-table;」状態の要素	あり

値	説明
collapse	隣接するセルのボーダーを重ねて表示します。
separate	隣接するセルのボーダーを間隔をあけて表示します。（初期値）

サンプルコード

border-collapse: collapse;
border-collapse: separate;

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。