title: Giving a border to an HTML table row, <tr>
body: <p>Is it possible to border a table row, <code>&lt;tr&gt;</code> in one go instead of giving a border to individual cells, <code>&lt;td&gt;</code> like,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;th style="width: 96px;"&gt;Column 1&lt;/th&gt;
              &lt;th style="width: 96px;"&gt;Column 2&lt;/th&gt;
              &lt;th style="width: 96px;"&gt;Column 3&lt;/th&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;"&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td style="border-top: thin solid; border-bottom: thin solid;"&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td style="border-top: thin solid; border-bottom: thin solid; border-right: thin solid;"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This gives a border around the given <code>&lt;tr&gt;</code> but it requires a border around individual cells.</p>
  
  <p>Can we give a border to <code>&lt;tr&gt;</code> only in one go?</p>
  
  <p><a href="http://jsfiddle.net/d73e7/">&rarr; jsFiddle</a></p>