Transição de atributos de tabela HTML5

O recurso de validação HTML5 do Visual Studio identifica atributos de preenchimento de células, espaçamento de células, valign e alinhamento como inválidos para elementos de tabela. Para resolver isso, o HTML5 apresenta alternativas CSS para controlar a aparência e o espaçamento das tabelas.

Cell Padding:

Substitua cellpadding pela propriedade CSS padding aplicada às células da tabela (

th, td {
  padding: 5px;
}

Espaçamento de células:

Substitua o espaçamento de células pelas propriedades CSS de recolhimento de borda e espaçamento de borda aplicadas à tabela. border-collapse: separate e border-spacing: 5px criará 5px de espaçamento entre as células da tabela. border-collapse: colapso e border-spacing: 0 removerá todo o espaçamento entre as células.

Alinhamento vertical:

Substitua valign por CSS vertical-align aplicado às células da tabela . vertical-align: top alinhará o conteúdo da célula ao topo da célula.

Alinhamento horizontal (centro):

Embora o alinhamento não seja um atributo HTML5 válido, você pode obter centralização horizontal usando CSS margin: 0 aplicado automaticamente à tabela. Isso centralizará a tabela horizontalmente em seu contêiner pai.