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;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_294

目录选择