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