atributos html5 vs. Propriedades CSS: uma jornada de modernização

No mundo do desenvolvimento da web, o HTML5 revolucionou a maneira como criamos tabelas, as tabelas, eliminando vários atributos que antes eram essenciais. Como você encontrou no Visual Studio, CellPadding, Cellspacing, Valign e Align não são mais atributos de tabela HTML5 válidos. Aqui está como:

replicando o CellPadding com o CSS Padding:

use o preenchimento da propriedade CSS para adicionar espaço entre as células da tabela, assim como o CellPadding. Por exemplo:

th, td { preenchimento: 5px; }

th, td {
  padding: 5px;
}

emulando o CellSpacing com o colapso de borda CSS e o espaçamento da borda:

CellSpacing é substituído pelo colapso da borda e espaço de borda. Se você deseja manter o espaço entre as células da tabela, defina o colapso da borda para separar e especificar o espaçamento desejado com o espaçamento da borda:

tabela { colapso da fronteira: separado; espaçamento de borda: 5px; }

table {
  border-collapse: separate;
  border-spacing: 5px;
}

tabela { colapso da fronteira: colapso; espaçamento de borda: 0; }

th, td {
  padding: 5px;
}

substituindo Valign pelo CSS Vertical-Align:

use vertical-align para controlar o alinhamento vertical do conteúdo da célula de tabela, semelhante a valign:

th, td { Alinhamento vertical: topo; }

th, td {
  padding: 5px;
}

tabelas centralizadoras com margem CSS:

para as tabelas centralizadas na página, substitua alinhar -se com a margem:

tabela { margem: 0 automático; }

table {
  margin: 0 auto;
}