Почему я не могу применить границу к строке угловой таблицы матов? ⇐ CSS

[Гость]

У меня есть простая таблица материалов Angular:

Имя {{element.name}} Общий балл {{element.totalScore}} Я хотел бы добавить дополнительные поля между строками, а также границу и, возможно, даже некоторые отступы. Я обнаружил, что могу изменить цвет фона строк, но не могу применить к строке поля, отступы или границы.

tr.mat-row { фон: #2f5b98; /* Старые браузеры */ фон: -moz-linear-gradient(top, rgba(74,144,239,1) 20%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ фон: -webkit-linear-gradient(top, rgba(74,144,239,1) 20%,rgba(0,0,0,1) 100%); /* Chrome10-25, Safari5.1-6 */ фон: линейный градиент (вниз, rgba(74,144,239,1) 20%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ фильтр: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a90ef', endColorstr='#000000',GradientType=0); /* IE6-9 */ поле сверху: 16 пикселей; отступ: 8 пикселей; граница: сплошная 1 пиксель #FAFF00; } Я уверен, что это что-то простое, но я не могу понять, что мешает мне применить эти стили к строке. Опять же, я могу изменить фон, шрифт внутри него и несколько других стилей, но не эти три конкретных стиля (отступы, поля, границы).

РЕДАКТИРОВАТЬ: С тех пор я определил, что заполнение и поля не допускаются ни в каких таблицах HTML. Однако граница все еще ускользает от меня.