CSS border-collapse 属性

转载 2016年08月30日 11:03:58

CSS border-collapse 属性


定义和用法

border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。

默认值: separate
继承性: yes
版本: CSS2
JavaScript 语法: object.style.borderCollapse="collapse"

可能的值

描述
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。



实例

为表格设置合并边框模型:

<style type="text/css">
table
  {
  border-collapse:collapse;
  }

table, td, th
  {
  border:1px solid black;
  }
</style>
</head>

<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>




转自w3school

css table-layout 、border-collapse属性

tableLayout 属性用来显示表格单元格、行、列的算法规则。 table { table-layout:fixed; } 值描述automatic默认。列宽度由单元格内...
  • gtlishujie
  • gtlishujie
  • 2017年04月20日 14:56
  • 370

CSS样式表中 border-collapse 的属性

CSS样式表中 border-collapse 属性是用来设置 table 表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。 目前所有主流浏览器都支持 border-...
  • chaonanwo
  • chaonanwo
  • 2012年05月22日 15:32
  • 780

css小总结:overflow,vertical-align,border-collapse属性.

overflow属性 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容.如果超出指定的高度或者宽度就可以指定其行为. 取值: visible: 不剪切内容。 hidden: 将超...
  • blue7wings
  • blue7wings
  • 2012年11月27日 22:58
  • 1501

CSS border-collapse 属性

http://www.w3school.com.cn/cssref/pr_tab_border-collapse.asp 实例 为表格设置合并边框模型: table { bo...
  • kouwoo
  • kouwoo
  • 2014年12月09日 09:22
  • 926

一个属性解决Table的边框问题(border-collapse )

一个属性解决Table的边框问题(border-collapse )
  • Phoebe0549
  • Phoebe0549
  • 2014年03月26日 12:14
  • 2136

表格不用border-collapse也能实现单线边框

css中控制表格边线属性border-collapse:collapse,偶尔由于其他样式的影响,会让表格table的边框显示不全,其实用另外一种方法也可以实现border-collapse:coll...
  • cengjingcanghai123
  • cengjingcanghai123
  • 2016年05月02日 14:57
  • 1830

css border-collapse

css 中border-collapse,css 中可以这样写 table { border-collapse:collapse; }
  • lqx1988221
  • lqx1988221
  • 2014年04月22日 13:25
  • 577

CSS3的border-radius属性详解

border-radius: border-radius: none | 一个值 | 两个值 | 三个值 | 四个值 其中每一个值可以为 数值或百分比的形式。 length/length 第一个...
  • liuyan19891230
  • liuyan19891230
  • 2016年02月23日 17:15
  • 29650

border-collapse在Firefox中的细节问题

虽然现在DIV+CSS布局已经很流行并且很成熟了,但仍有一些顽固之人坚持用Table布局,并且嵌套N层表格,他们的理由是追求稳定!进入正题,说一下我最近在一个要用Table布局的项目中遇到的问题:当给...
  • fwso2008
  • fwso2008
  • 2009年10月13日 21:18
  • 1763

table的border-collapse属性

table的css样式
  • aspyyloon
  • aspyyloon
  • 2010年08月11日 13:35
  • 873
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS border-collapse 属性
举报原因:
原因补充:

(最多只允许输入30个字)