HTML表格专有属性和CSS

HTML表格很容易上手，一堆tr加td就可以显示一张表格了。复杂一点就是再加上th，colgroup，tbody，tfooter，caption之类。这些HTML里面的各种元素的确加强了表格的实用性和语义化，但table本身就有很大学问哦，毕竟是整个表格的根啊！
今天下面要总结包含对table本身的属性归纳和table专用的CSS比较：
attributes VS CSS properties
第一个比较容易混淆的是table的border属性和CSS中的border：
Attribute
border='1' //Sets or retrieves the width of the border to draw around the object. 
CSS
border-style:solid; //only set the border of the table, NOT the border inside table
border-width:1px;
border-color:#ccc;
if you set the border like table.border = 2; it will refer to the first border
第二个是Cellspacing和border-spacing
Attribute
cellspacing Sets or retrieves the amount of space between cells in a table. 
CSS
border-spacing:20px; the same as cellspacing, NOT for IE7/6
this two will work only if the border-collapse is separate
第三个是cellPadding，只有属性，没有对应的CSS
cellpadding: Sets or retrieves the amount of space between the border of the cell and the content of the cell.
there is no CSS property can do this
第四个table专有CSS：border-collapse, 决定border是独立还是聚拢
CSS border-collapse:collapse/separate;
This declaration takes two values:
  1. separate: keep borders separate. This is the default.
  2. collapse: merge borders of adjoining cells.
第五个table专有CSS： empty-cells
CSS empty-cells
empty-cells is not supported by IE.
This declaration takes two values:
  1. show: show empty cells (with a border). This is the default.
  2. hide: hide empty cells.
第六个table专有CSS：caption-side
CSS caption-side
Not supported by IE Windows.
Mozilla supports two extra values.
caption-side takes four values, even though W3C specifies only the first two:
  top. This is the default.
  bottom. This is the other official value.
  left. Mozilla extension.
  right. Mozilla