How do I set <table> border width with CSS?

Question

Why does this work?

<table border=1> 

And this doesn't?

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

I get the same result in Chrome and in IE9.

Answer 1

Doing borders on tables with css is a bit more complicated (but not as much, see this jsfiddle as example):

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

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