table的 cellspacing 本质是 border-spacing
来源:互联网 发布:河南中小学生消防知 编辑:程序博客网 时间:2024/06/05 00:19
table的 cellspacing 本质是 border-spacing
border-spacing 学习:
1.border-spacing 只能用在table (或者display table 的元素上,会作用于 子元素上)
2.border-spacing 只有在 border-collapse 不是 collapse (是separate)的时候有效
3. 可以分别设置垂直和水平的值 如果定义两个 length 参数,那么第一个设置水平间距,而第二个设置垂直间距。
-webkit-border-vertical-spacing: 10px;
-webkit-border-horizontal-spacing:120px;
<!DOCTYPE html>
<html><head>
<title></title>
<meta charset="gbk">
<style type="text/css">
table {
border: 1px solid green;
}
</style>
</head>
<body>
<table cellspacing="7" id="test">
<tr>
<th>第一</th>
<th>第二</th>
<th>第三</th>
</tr>
<tr>
<td>
第一内容
</td>
<td>
第二内容
</td>
<td>
第三内容
</td>
</tr>
</table>
</body>
<script type="text/javascript">
alert(window.getComputedStyle(document.getElementById("test")).getPropertyValue("border-spacing"));
</script>
</html>
0 0
- table的 cellspacing 本质是 border-spacing
- 如何用border-spacing和cellspacing来实现1px细边框的table?
- table标签中cellspacing和cellpadding,border的意思?
- border-collapse 和border-spacing的关系
- border为1px的table 以及 table中cellspacing、cellpadding的css替代写法
- table中cellpadding="0" cellspacing="0" border="0"属性CSS的定义方法
- 当table遇上border-spacing,如何填补表格中间空白
- CSS margin + spadding 、HTML table cellpadding + cellspacing、QFrame模型 QGridLayout margin +spacing
- border-collapse 和 border-spacing
- CSS border-spacing 属性
- 用cellspacing控制体现出来的table
- css实现Table的cellpadding, cellspacing
- table中cellspacing和cellpadding的区别
- cellpadding,cellspacing,border对width和height的影响
- table的border属性
- 表格中的 border-collapse 和 border-spacing
- table border 和css border的区别
- 在一个div里放一个table,如果不设置border="0" cellpadding="0" cellspacing="0",当table 的高和宽与div相等时,会超出div
- linux yum命令详解
- VHDL语言
- Java泛型(一) 泛型的基本使用和介绍
- hive权限问题
- 学生信息记录文件中
- table的 cellspacing 本质是 border-spacing
- Windows上安装Jekyll
- Handler消息传递机制——源码赏析
- ubuntu环境下VLFeat在MATLAB上的运行
- 天声人語 20141217
- 发送邮件编程原理
- 【Cocos2dx-Lua 脚本开发之二】Lua语言基础
- Java 中的继承
- Android shape的使用实现圆角,虚线,渐变等效果