[b]table [/b]所有的[b]HTML Tag[/b]
<table> <tbody> <caption>table caption</caption> <colgroup> <col /> <col /> </colgroup> <tr> <th>Food</th> <th>Drink</th> <th>Sweet</th> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </tbody> </table>
[b]table [/b]所有的[b]CSS Properties[/b]
table{ border-collapse:separate | collapse; border-spacing : length | length; caption-side : bottom | left |right | top; empty-cells : hide | show; table-layout : auto | fixed;}
[b]border-collapse : separate | collapse [/b]
参数:
separate : 边框独立(标准HTML)
rtl : 相邻边被合并
说明:
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
[b]border-spacing : length || length [/b]
参数:
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间距。
[b]caption-side : bottom | left |right | top [/b]
参数:
bottom : 下面
left : 左边
right : 右边
top : 下面
说明:
设置或检索表格的caption对象是在表格的那一边。它是和caption对象一起使用的属性。
[b]empty-cells : hide | show [/b]
参数:
hide : 隐藏
show : 显示
说明:
设置或检索当表格的单元格无内容时,是否显示该单元格的边框。
只有当表格边框独立(例如当border-collapse属性等于separate时)此属性才起作用。
[b]table-layout : auto | fixed[/b]
参数:
auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
说明:
设置或检索表格的布局算法。
相关资源:敏捷开发V1.0.pptx