作者：陆远

标准参考

无。

问题描述

IE Chrome Safari 中 TABLE 元素设置 borderColor 属性将使表格本身与其内单元格的边框颜色均应用上 borderColor 指定的颜色；
Firefox 中该属性则只能作用在表格边框；
Opera 中不支持这个属性。

造成的影响

此问题会导致各浏览器中表格边框样式会有差异。

受影响的浏览器

所有浏览器

问题分析

MSDN 中关于 borderColor 属性的说明请参照：BORDERCOLOR Attribute | borderColor Property。

Safari Reference Library 中关于 borderColor 属性的说明请参照：bordercolor。

1. TABLE 元素 borderColor 属性的渲染差异

分析以下代码：

<table cellspacing="5" bordercolor="red" border="1"> <tr>
                <td>bordercolor="red"</td> </tr> </table>

上面代码中包含一个 TABLE 元素，设置了 bordercolor="red" 后，在各浏览器中效果如下：

IE6 IE7 IE8 Chrome Safari	Firefox	Opera

可见：

• 在 IE6 IE7 IE8 Chrome Safari 浏览器中，TABLE 元素的 bordercolor 属性中所设定的颜色值可以同时作用于表格及其内部单元格的边框；
• 在 Firefox 中，bordercolor 属性值作用于表格边框；
• 在 Opera 中，bordercolor 属性不被支持。

2. TD、TH 元素 borderColor 属性的渲染差异

分析以下代码：

<table cellspacing="5" border="1"> <tr> <th
                bordercolor="red">bordercolor="red"</th> <td
                bordercolor="blue">bordercolor="blue"</td> </tr> </table>

上面代码中 TD、TH 元素设置了 bordercolor 属性。在各浏览器中效果如下：

IE6 IE7 IE8	Chrome Safari Firefox Opera

可见：

• 在 IE6 IE7 IE8 中，TD、TH 元素的 bordercolor 属性中所设定的颜色值有效；
• 在 其他浏览器 中，TD、TH 元素的 bordercolor 属性不被支持。

解决方案

在 W3C HTML4 属性表中没有找到 bordercolor 属性，可见这并不是 W3C 规范中的标准属性，各浏览器根据各自的理解实现了该属性的渲染方式，应避免使用这种非标准属性。

若需要设置表格及单元格的边框，应使用 CSS 的 'border' 系列特性。

参见

知识库

• ...

相关问题

• ...