Tr öğesinin etrafındaki kenarlık görünmüyor mu?

Görünüşe göre Chrome / Firefox kenarlıkları oluşturmuyor tr, ancak seçici ise kenarlığı oluşturuyor table tr td.

Bir tr'ye nasıl sınır koyabilirim?

Çalışmayan denemem:

table tr {
  border: 1px solid black;
}

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

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

Bu benzer bir sorudur: Tablo tr'ye kenarlık ayarla, IE 6 ve 7 hariç her şeyde çalışır , ancak IE dışında her yerde çalışıyor gibi görünüyor.

Bunu stil sayfasına ekleyin:

table {
  border-collapse: collapse;
}

JSFiddle .

Bu şekilde davranmasının nedeni aslında şartnamede oldukça iyi açıklanmıştır :

CSS'de tablo hücrelerinde kenarlık ayarlamak için iki farklı model vardır. Biri, tek tek hücrelerin etrafındaki sözde ayrılmış sınırlar için en uygun olanıdır, diğeri ise tablonun bir ucundan diğerine sürekli olan sınırlar için uygundur.

... ve daha sonra, collapseayarlamak için:

Daralan kenarlık modelinde, bir hücre, satır, satır grubu, sütun ve sütun grubunun tamamını veya bir kısmını çevreleyen kenarlıklar belirlemek mümkündür.