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小总结:overflow,vertical-align,border-collapse属性.

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

table中的border-collapse属性

  • 2012年04月14日 18:46
  • 1KB
  • 下载

css3-border属性实例.html

  • 2016年08月23日 17:37
  • 6KB
  • 下载

CSS里的visibility属性有个鲜为人知的属性值:collapse

CSS里的visibility属性有个鲜为人知的属性值:collapse

CSS使用Border属性内外嵌套的代码

  • 2010年07月20日 10:10
  • 519B
  • 下载

CSS outline属性以及和border属性的区别

本文转自:http://blog.163.com/wangzhenbo85%40126/blog/static/101363282201332935254416/ 在浏览器里,当鼠标点击或...
  • ssisse
  • ssisse
  • 2016年05月11日 17:12
  • 617

图解CSS的padding,margin,border属性(详细介绍及举例说明)

图解CSS的padding,margin,border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表...

从零开始学_JavaScript_系列(六)——CSS的padding、margin、border属性超详细解释(图文)

结论请看最后的图片 关于定义: margin:层的边框以外留的空白 background-color:背景颜色 background-image:背景图片 padding:层的边框到层的内容之间的...

CSS3圆角border-radius属性详解

CSS即层叠样式表(Cascading StyleSheet),css3是css的最新版本,新增加了很多特性,如:css3动画 animation、Transform、Transition,CSS3渐...

CSS中元素的边框border属性

元素的边框一般用来分隔页面的各个部分,在CSS中,边框属性可以分为以下几个属性,包括边框样式(border-style),边框宽度(border-width), 边框颜色(border-color)...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS border-collapse 属性
举报原因:
原因补充:

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