html - 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>