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

 

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

(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，所属的元素种类，三者都相同，则看边的位置，靠左和靠上的边优先显示。