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。