css的border-collapse两个值有什么区别

2024-12-04 20:13:01
推荐回答(5个)
回答1:

border-collapse共有三个值:border-collapse:separate | collapse | inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse:
如果可能,边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
inherit:
规定应该从父元素继承border-collapse属性的值。
border-collapse的用途
border-collapse属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示

回答2:

seperate 的边框如下:

|| ||
|| ||

collapse 的边框如下:

| | (两个相邻单元格的相邻边合并了)

回答3:

border=0并不会实现这个效果
我今天也一直想这个问题
我觉得是这样的,table它本身具有特殊属性cellspacing单元格间距,单元格之间是默认存在间距的,所以无论是table border=0还是将th,td margin=0,都不会实现边线合并的效果,两个边线之间永远存在间隙。
而border-collapse : collapse这个属性能够实现
个人理解,欢迎指正

回答4:

separate :  默认值。边框独立(标准HTML)
collapse :  相邻边被合并
表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开

回答5:

border-collapse共有三个值:border-collapse:separate
|
collapse
|
inherit
它们各自的含义是:
separate:
默认值。边框会被分开。不会忽略border-spacing

empty-cells
属性。