【css】tableタグのtrにborderを指定する方法
※border-collapseプロパティ

2017年3月6日

th、tdにborderを入れれば良いかとも思いますが年の為、
trにborderを指定する方法を備忘録として残しておきます。
th、tdに指定するのと同じようにcssのborderのみを書くと適用されないので注意が必要です。
サンプルコードが下記になります。

See the Pen EWgZYp by hiroy (@hiroya) on CodePen.

ポイントは、tableタグに border-collapse: collapse; を指定することです。
border-collapseプロパティは、特に指定をしないと初期値でseparateになっているので、そのままではtrにborderを引くことはできないので注意しましょう。

collapse、separateの意味については下記になります。

【collapse】
隣接するセルのボーダーを重ねて表示します。
【separate】
隣接するセルのボーダーを間隔をあけて表示します。

これでtrにborderを引くことができます！