title: Why am I unable to apply a border to an angular mat-table row?
body: <p>I have a simple angular material table:</p>
  
  <pre><code>&lt;table mat-table [dataSource]="scoreboardData"&gt;
      &lt;ng-container matColumnDef="name"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Name &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.name}} &lt;/td&gt;
      &lt;/ng-container&gt;
      &lt;ng-container matColumnDef="totalScore"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Total Score &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.totalScore}}&lt;/td&gt;
      &lt;/ng-container&gt;
      &lt;tr mat-header-row *matHeaderRowDef="displayedColumns"&gt;&lt;/tr&gt;
      &lt;tr mat-row *matRowDef="let row; columns: displayedColumns;"&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like to add some extra margin between the rows as well as a border and maybe even some padding. I have found that I am able to change the background color of the rows, but I'm not able to apply margins, padding or borders to the row.</p>
  
  <pre><code>tr.mat-row {
      background: #2f5b98; /* Old browsers */
      background: -moz-linear-gradient(top, rgba(74,144,239,1) 20%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(74,144,239,1) 20%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(74,144,239,1) 20%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a90ef', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  
      margin-top: 16px;
      padding: 8px;
      border: 1px solid #FAFF00;
  }
  </code></pre>
  
  <p>I'm sure it's something simple, but I can't figure out what is preventing me from applying these styles to the row. Again, I can change the background, the font within it and several other styles, just not these three particular styles (padding, margin, border).</p>
  
  <p>EDIT: I have since determined that padding and margin are not allowed on any html tables. Border still eludes me though.</p>