Ao usar CSS para estilizar linhas (th) e colunas (td) de uma tabela em HTML, você vai notar que haverá um espaço entre elas. Tradicionalmente esse espaço era eliminado com o atributo cellspacing, mas ele está fora dos padrões desde o HTML 5, lançado em 2014.
Use CSS pra resolver. A solução é a propriedade border-collapse.
Veja:
“E daí que está obsoleto?”
O conselho aos autores é não usar atributos obsoletos, mas eles continuam funcionando pois ainda fazem parte da linguagem. Ninguém garante, contudo, que navegadores não comecem a ignorá-los no futuro não muito distante.
E é sempre bom usar as ferramentas para o que foram feitas, certo?
1 Comment
Tem como tirar os espaços somente entre as colunas?
Preciso que não haja espaço entre as colunas mas preciso que tenha um espaço entre as linhas, e é uma tabela com JS pronto, não da pra eu usar flexbox ou outra diagramação com CSS, ou teria que refazer tudo e são 200 linhas de tabela.
Já tentei row-spacing, margin-bottom nas tag TR mas não funcionou. Só sei o básico de HTML e CSS.
Desde já obrigado!