表格样式

表格所特有的样式属性

border-collapse: 设置单元格的边框是合并在一起还是分开。separate(默认值，边框独立)/collapse(相邻边合并);

 

border-spacing: 设置行和单元格的边在横向和纵向上的间距，单位pt/px

 

caption-side: 设置表格的标题位置, top | right | bottom | left 

 

empty-cells: 空单元格的样式, show(默认值) | hide 

 

table-layout: 设置表格的布局。此属性依据此下顺序使用其中一种方式布置表格栏宽度:

    ① 使用 col 或 colGroup 对象的宽度( width )属性信息。 

    ② 使用表格第一行内的单元格的宽度( width )信息。 

    ③ 依据表格列数等分表格宽度。而不考虑表格内容的实际宽度。 

取值如下：

    auto: 默认值。默认的自动算法。布局将基于各单元格的内容。

          表格在每一单元格内所有内容读取计算之后才会显示出来 

    fixed: 固定布局的算法。在这种算法中，表格和列的宽度取决于col对象的宽度总和，

           假如没有指定，则会取决于第一行每个单元格的宽度。

           假如表格没有指定宽度( width )属性，则表格被呈递的默认宽度为 100% .

 

vertical-align:top/middle/bottom;---单元格中垂直方向的对齐