Perbatasan di sekitar elemen tr tidak muncul?

Sepertinya Chrome / Firefox tidak membuat batas tr, tetapi itu membuat batas jika selektornya table tr td.

Bagaimana cara mengatur perbatasan pada tr?

Percobaan saya, yang tidak berhasil:

table tr {
  border: 1px solid black;
}

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

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

Ini adalah pertanyaan serupa: Set border to table tr, work in everything kecuali IE 6 & 7 , tetapi tampaknya bekerja di mana-mana kecuali untuk IE.

Tambahkan ini ke stylesheet:

table {
  border-collapse: collapse;
}

JSFiddle .

Alasan mengapa ia berperilaku seperti ini sebenarnya dijelaskan dengan cukup baik dalam spesifikasi :

Ada dua model berbeda untuk menyetel batas pada sel tabel di CSS. Satu paling cocok untuk apa yang disebut batas terpisah di sekitar sel individu, yang lain cocok untuk batas yang bersambung dari satu ujung tabel ke ujung lainnya.

... dan nanti, untuk collapsepengaturan:

Dalam model batas yang diciutkan, dimungkinkan untuk menentukan batas yang mengelilingi semua atau sebagian dari sel, baris, grup baris, kolom, dan grup kolom.