プログラミング

border-collapseで表のボーダーの表示形式を指定【CSS】

border-collapseプロパティは、表組み内のボーダーの表示形式を指定するプロパティです。

{border-collapse: 表示形式;}

値の指定方法

border-collapseプロパティでは、以下のような値を指定できます。

collapse

collapseを指定すると、隣接するセルのボーダーは重ねて表示されます。

a b
c d
e f

separate

separateを指定すると、隣接するセルのボーダーは離れて表示されます。

a b
c d
e f

ただし、border-spacingプロパティを指定しなければ、間は離れないですがボーダーは重ならずに表示されます。

a b
c d
e f

ボーダーが少し太いのがわかると思います。

Leave a Comment