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

时间：2014-09-29 22:40:21 阅读：155 评论：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 各边框的显示优先级

标签：style ar java sp c on html r ad

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行