首页 > 代码库 > border-collapse 各边框的显示优先级
border-collapse 各边框的显示优先级
border-collapse 属性设置表格中相邻td的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
| 默认值： |
separate |
| 继承性： |
yes |
| 版本： |
CSS2 |
| JavaScript 语法： |
object.style.borderCollapse="collapse" |
| 值 |
描述 |
| separate |
默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 |
| collapse |
如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 |
| inherit |
规定应该从父元素继承 border-collapse 属性的值。 |
- 合并边框时，两个边框不一致时，该显示哪个？
(2)border-width 相同，再看 border-style 属性，优先级从高到低：
double，solid，dashed，dotted，ridge，outset，groove，inset
注意：border-style 为 double时，border-width 要大于等于 3px 才能看出效果。
(3)border-width，border-style 都相同，则根据边所属的元素种类，优先级从高到低：
cell, row, row group, column, column group, table
(4)border-width，border-style，所属的元素种类，三者都相同，则看边的位置，靠左和靠上的边优先显示。
border-collapse 各边框的显示优先级
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。