Rand um tr Element wird nicht angezeigt?

Es scheint, als würden Chrome / Firefox keine Rahmen rendern tr, aber der Rand wird gerendert, wenn der Selektor aktiviert ist table tr td.

Wie kann ich eine Grenze für ein tr setzen?

Mein Versuch, der nicht funktioniert:

table tr {
  border: 1px solid black;
}

<table>
  <tbody>
    <tr>
      <td>
        Text
      </td>
    </tr>
  </tbody>
</table>

http://jsfiddle.net/edi9999/VzPN2/

Dies ist eine ähnliche Frage: Setzen Sie den Rand auf Tabelle tr, funktioniert in allem außer IE 6 und 7 , aber es scheint überall zu funktionieren, außer in IE.

Fügen Sie dies dem Stylesheet hinzu:

table {
  border-collapse: collapse;
}

JSFiddle .

Der Grund, warum es sich so verhält, ist in der Spezifikation ziemlich gut beschrieben :

Es gibt zwei unterschiedliche Modelle zum Festlegen von Rahmen für Tabellenzellen in CSS. Eine eignet sich am besten für sogenannte getrennte Ränder um einzelne Zellen, die andere eignet sich für Ränder, die von einem Ende der Tabelle zum anderen durchgehend sind.

... und später zum collapseEinstellen:

Im reduzierenden Rahmenmodell können Rahmen angegeben werden, die eine Zelle, Zeile, Zeilengruppe, Spalte und Spaltengruppe ganz oder teilweise umgeben.