CSS border-collapse 属性
CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示
| 默认值 | separate |
|---|---|
| 继承 | yes |
| 版本 | CSS2 |
| JavaScript 语法 | object.style.borderCollapse="collapse" |
语法
border-collapse: collapse|separate|inherit
值说明
| 值 | 说明 |
|---|---|
| collapse | 如果可能,边框会合并为一个单一的边框 会忽略 border-spacing 和 empty-cells 属性 |
| separate | 默认值。边框会被分开 不会忽略 border-spacing 和 empty-cells 属性 |
| inherit | 规定应该从父元素继承 border-collapse 属性的值 |
浏览器支持





所有主要浏览器都支持 border-collapse 属性
任何版本的 Internet Explorer(包括 IE9)支持属性值 "inherit"
border-collapse 属性,如果没有指定 <!DOCTYPE html>,可能产生意想不到的效果
范例
为表格设置合并边框模型
table { border-collapse:collapse; }
相关文章
CSS 基础教程: CSS table