Nie widać obramowania wokół elementu tr?

Wygląda na to, że Chrome / Firefox nie renderuje obramowań tr, ale renderuje obramowanie, jeśli selektor jest table tr td.

Jak ustawić granicę na tr?

Moja próba, która nie działa:

table tr {
  border: 1px solid black;
}

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

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

To jest podobne pytanie: Ustaw obramowanie na tabelę tr, działa we wszystkim oprócz IE 6 i 7 , ale wydaje się, że działa wszędzie z wyjątkiem IE.

Dodaj to do arkusza stylów:

table {
  border-collapse: collapse;
}

JSFiddle .

Powód, dla którego zachowuje się w ten sposób, jest właściwie opisany w specyfikacji :

Istnieją dwa różne modele ustawiania obramowań komórek tabeli w CSS. Jedna jest najbardziej odpowiednia dla tak zwanych oddzielnych obramowań wokół pojedynczych komórek, druga jest odpowiednia dla obramowań ciągłych od jednego końca tabeli do drugiego.

... i później, do collapseustawienia:

W modelu zwijanej obramowania można określić obramowanie otaczające całość lub część komórki, wiersza, grupy wierszy, kolumny i grupy kolumn.