28. Tables: the Separate Border Model

• The table declaration border-collapse: separate gives each cell its own border. (This is the default.)
• The table property border-spacing sets the distance between adjacent borders (not in IE).
• The table property empty-cells can be set to show or hide the borders and backgrounds of empty cells (not in IE).
• Example:

  A1	A2	A3
  B1	B2

  <style>
      table { border-collapse: separate;
              border: 1ex outset gray;
  	    padding: 1ex;
  	    border-spacing: 1ex;
  	    background: cyan;
  	    empty-cells: hide; }
      td    { border: 1ex inset magenta;
  	    background: yellow; }
      tr:first-child td:first-child {
              border: 2ex inset green;
  	    background: transparent; }
  </style>
   
  <table>
      <tr><td>A1 <td>A2 <td>A3
      <tr><td>B1 <td>B2 <td>
  </table>