title: Why does the border of tr not show unless the parent table tag has the border-collapse property set to collapse?
body: <p>html:</p>
  <pre><code>            &lt;table&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
  </code></pre>
  <p>css:</p>
  <pre><code>        table {
              height: 20px;
              width: 30px;
              border: solid 1px;
              border-collapse: collapse;
          }
  
          tr {
              border: 1px solid;
          }
  </code></pre>
  <p>Here is an image of the table:</p>
  <p><a href="https://i.stack.imgur.com/8PlNU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8PlNU.png" alt="rows show borders" /></a></p>
  <p>If I comment out <code>border-collapse: collapse;</code> under table in the css, the row borders disappear:</p>
  <p><a href="https://i.stack.imgur.com/nA3s1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nA3s1.png" alt="rows not showing borders" /></a></p>
  <p>In this link:
  <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse</a> there is an example table where the borders are not collapsed(but set to separate, and that doesn't seem to make the borders on my example reappear either):</p>
  <p><a href="https://i.stack.imgur.com/PzGjl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PzGjl.png" alt="table example from mozilla" /></a></p>
  <p>Here there are gaps between the red and orange borders. Why does my original table not show the row borders at all when the border-collapse property is commented out, instead of showing borders with gaps like in this mozilla example, or something visible at all?</p>