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才好用。