table的css属性

 table的css属性

 

border-collapse

table元素的css样式中的border-collapse属性，表示表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。具体的值有：

separate：默认值，边框会被分开，不会忽略border-spacing和empty-cells属性

collapse：如果可能，边框会合并为一个单一的边框。会忽略border-spacing和empty-cells属性

inherit：从父元素继承border-collapse属性的值。任何版本的IE都不支持inherit。　

 

border

table的border属性，只是设置table的外边框，不会影响单元格的边框，单元格的边框需另外设置。

　

border-spacing

规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。

设置方法是border-spacing: 10px 20px;

如果定义一个 length 参数，那么定义的是水平和垂直间距。

如果定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。

还可以取inherit。

 

empty-cells

如果设置成hide，那么不会显示空白单元格的边框。

它可选的值有：hide, show, inherit

 

table-layout

固定表格布局：

固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。

在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。所有列会等宽。

通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。

自动表格布局：

在自动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的。

此算法有时会较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。

 

可选的值有：auto, fixed, inherit

 

另外w3school上，写的是automatic，而不是auto。但是实际上auto才好用。