CSS cellspacing & cellpadding 對應屬性

HTML Table cellspacing 屬性的功能,設置單元格內容與單元格墻之間的間距,亦或通過 JavaScript 修改表格物件的 cellPadding 和 cellSpacing 屬性,達到比較容易閱讀的版面設計。

<table cellspacing="1" cellpadding="1">

border-collapse: separate;

#div-name table {
  border-collapse: separate;
  border-spacing: 2px; /*cellspacing */
}
#div-name table td {
  padding: 10px; /*cellpadding*/
}


border-collapse: collapse; (cellspacing)

#div-name table {
  border-collapse: collapse;
  border-spacing: 0px; /*cellspacing */
}
cellpadding
#div-name table td {
  padding: 10px; /*cellpadding*/
}



border-collapse: separate; 設置單元格各別的邊線

相鄰邊被合併、表格內的 td 邊是合併在一起、是無法設置單元格各別的邊線。邊框獨立 separate 的情況下才能設置單元格各別的邊線。