CSS表格

导航: 上一页 | 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

语法：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; }