CSSで<table>のボーダーの幅を設定するには？

質問

なぜこれが動作するのですか？

<table border=1>

で、これはしないの？

<table style="border-width:1px;border-color:black">

ChromeでもIE9でも同じ結果になります。

どのように解決するのですか？

テーブルの縁取りをCSSで行うのは、もう少し複雑です（しかし、それほどではありません。 このjsfiddleを例として ):

table {
  border-collapse: collapse;
  border: 1px solid black;
}

table td {
  border: 1px solid black;
}

<table>
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
</table>