border-collapse 各边框的显示优先级

时间：2014-09-29 20:41:32 阅读：488 评论：0 收藏：0 [点我收藏+]

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 属性的值。

合并边框时，两个边框不一致时，该显示哪个？

(1)首先看 border-width 属性，较宽边优先级高。

(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 各边框的显示优先级

原文：http://my.oschina.net/suimaohua/blog/323302

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)