tr要素の周りに境界線が表示されませんか？

Chrome/Firefoxの場合はtrに罫線を表示しないようですが、セレクタがtable tr tdの場合は境界線がレンダリングされます。tr要素の周りに境界線が表示されませんか？

trに境界線を設定するにはどうすればよいですか？

動作しません私の試み、：

HTML

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

CSS

table tr 
{ 
    border:1px solid black; 
}

これはsimilaですrの質問：Set border to table tr, works in everything except IE 6 & 7が、IEを除いてどこでも動作するようです。

2013-09-07 edi9999

'申し訳ありませんオーケー – Speedysnail6

155

は、スタイルシートにこれを追加方が良いと思います：

table { 
    border-collapse: collapse; 
}

それは実際にthe specificationにかなりよく説明されている。このように動作理由：

CSSでテーブルのセルに境界を設定するための2つの異なるモデルがあり

。 1つは個の個々のセルの周りにいわゆる分離された境界に最も適しており、もう1つはテーブルの一端から他の端まで連続するの境界に適しています。

...以降、collapse設定に：崩壊ボーダーモデルで

、境界を特定することが可能であるサラウンドセル、行、行グループ、列の全てまたは一部を、列グループ。

2013-09-07 23:53:42 raina77ow

ボーダーはなぜ正確に隠されましたか？ – edi9999

これは 'separate' - デフォルト - テーブル境界モデルの仕組みで、各セルの枠線を指定するためです。ドキュメントの引用符で答えを更新します。 – raina77ow

@ edi9999 - リセットスタイルシートの使用をお勧めします。これをチェックする[http://www.cssreset.com/](http://www.cssreset。 – aldanux

-10

<tr border="1">

または

<table border="1">

動作するはずです。

あなたはCSSでそれをしたい場合は、多分それはクラスでそれを行うか、

<tr style="border 1px solid black">

2013-09-07 23:49:16 Speedysnail6

' 表示されていない 'と' 約 – edi9999

動作しません、私はFirefoxを使用していると私は国境 – Speedysnail6

間違ったシンテックスこれは実行可能です。 –

答えて