border-spacing

  • 版本:CSS2
  • 媒体:视觉
border-spacing属性在CSS表格中是比较常用的,本文将带你深入理解border-spacing属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上border-spacing的演示案例,希望能够对你有所帮助。

border-spacing的具体语法

border-spacing<length>{1,2}

默认值0

适用于:table系元素

继承性:有

动画性:否

计算值:两个绝对长度值

border-spacing的取值介绍

<length>
用长度值来定义行和单元格的边框在横向和纵向上的间距。不允许负值

border-spacing的使用说明

设置或检索当表格边框独立时,行和单元格的边框在横向和纵向上的间距
  • 该属性作用等同于标签属性cellspacing(单元格边距)。border-spacing:0等同于cellspacing="0"
  • 只有当表格边框独立(即border-collapse属性等于separate时)此属性才起作用。
  • 如果提供全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。
  • 如果只提供一个length值时,这个值将作用于横向和纵向上的间距。
  • 对应的脚本特性为borderSpacing

border-spacing的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Safari Chrome Opera
6.0-7.0 4.0 4.0 4.0 15.0
8.0

border-spacing的完整演示案例

HTML&CSS Table元素详细解说

我带大家用table来做一个简单的demo,通过一个具体的例子,来看一下table怎么用?首先,打开Eclipse,新建一个HTML页面...3月9日

clientHeight,body标签的高度,可更换为你其它标签对象。6、-6,距具体情况作相应改动。以上这篇htmlcss控制div或者table等固定在指定位置的实现方法就是小编分享给大家的全...2016年6月28日

HTML5DIV+CSS和TABLE布局的优缺点讲解TABLE布局是WEB早期CSS不存在的时候兴起的,是对TABLE标签的不正规使用,Table标签就是表格,是用来显示数据的,而不是用来布局网页的...2016年9月14日

例如:内容内容在CSS中定义:.style1{}.style2(}2015年4月10日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册