CSS表格:修订间差异
(新页面: ==border-collapse == 语法:border-collapse : separate | collapse <br> 取值:<br> separate : 默认值。边框独立(标准HTML) <br> collapse : 相邻边被合并 <br> ...) |
无编辑摘要 |
||
(未显示2个用户的2个中间版本) | |||
第1行: | 第1行: | ||
<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span> | |||
<div style="clear:both;"></div> | |||
==border-collapse == | ==border-collapse == | ||
语法:border-collapse : separate | collapse <br> | 语法:border-collapse : separate | collapse <br> | ||
第46行: | 第49行: | ||
说明:<br> | 说明:<br> | ||
设置或检索当表格的[[单元格]]无内容时,是否显示该单元格的边框。<br> | |||
只有当表格行和列的边框独立(例如当 border-collapse 属性等于 separate )时此属性才起作用。<br> | 只有当表格行和列的边框独立(例如当 border-collapse 属性等于 separate )时此属性才起作用。<br> | ||
对应的脚本特性为 emptyCells 。 <br> | 对应的脚本特性为 emptyCells 。 <br> | ||
示例:<br> | 示例:<br> | ||
table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; } | table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; } | ||
[[category:CSS学习教程]] |
2009年8月13日 (四) 15:47的最新版本
导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion
border-collapse[ ]
语法:border-collapse : separate | collapse
取值:
separate : 默认值。边框独立(标准HTML)
collapse : 相邻边被合并
说明:
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 borderCollapse 。
示例:
table { border-collapse: separate; }
border-spacing[ ]
语法:border-spacing : length
取值:
length : 由浮点数字和单位标识符组成的长度值。不可为负值。
说明:
设置或检索当表格边框独立(例如当 border-collapse 属性等于 separate 时),行和单元格的边在横向和纵向上的间距。
当只指定一个 length 值时,这个值将作用于横向和纵向上的间距。
当指定了两个 length 值时,第一个作用于横向间距,第二个作用于纵向间距。
对应的脚本特性为borderSpacing。
示例:
table { border-collapse: separate; border-spacing: 10px; }
[ ]
语法:caption-side : top | right | bottom | left
取值:
top : 默认值。 caption 在表格的上边
right : caption 在表格的右边
bottom : caption 在表格的下边
left : caption 在表格的左边
说明:
设置或检索表格( table )的 caption 对象是在表格的那一边。它是和 caption 对象一起使用的属性。
对应的脚本特性为 captionSide 。
示例:
table caption { caption-side: top; width: auto; text-align: left; }
empty-cells[ ]
语法:empty-cells : show | hide
取值:
show : 默认值。显示边框
hide : 隐藏边框
说明:
设置或检索当表格的单元格无内容时,是否显示该单元格的边框。
只有当表格行和列的边框独立(例如当 border-collapse 属性等于 separate )时此属性才起作用。
对应的脚本特性为 emptyCells 。
示例:
table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }