css border-collapse 样式

时间:2023-04-26 21:07:39

border-collapse 是 CSS 的一个表格属性,用于控制表格的边框是否合并为单一边框,以及如何合并。具体来说,当 border-collapse 设置为 collapse 时,相邻单元格的边框将合并为单一边框;当设置为 separate 时,单元格边框将分开显示。

以下是 border-collapse 的语法:

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

collapse:相邻单元格的边框合并为单一边框。
separate:相邻单元格的边框分开显示。
initial:将属性设置为它的默认值。
inherit:继承父元素的属性值。
下面是一个示例,将 border-collapse 设置为 collapse:

table {
border-collapse: collapse;
}

在这个示例中,相邻单元格的边框将合并为单一边框,从而使表格看起来更加整洁和有序。

需要注意的是,border-collapse 只适用于表格元素(如 <table>、<th>、<td> 等)。如果应用于其他元素,则该属性将被忽略。

另外,border-collapse 的默认值是 separate。如果您希望表格的边框合并为单一边框,请确保将其设置为 collapse。

相关词 border