O espaçamento de células é a distância entre as células de uma tabela. Pode ser uma característica útil para melhorar a legibilidade da tabela, mas por vezes não é desejável. Se quiser remover o espaçamento de células na sua tabela, pode utilizar o CSS para o conseguir. Eis como.
A primeira coisa que precisa de fazer é definir a propriedade de colapso da fronteira. Esta propriedade especifica se as bordas das células da tabela devem ou não ser colapsadas numa única fronteira. Ao defini-la para colapsar, está a dizer ao navegador para remover qualquer espaçamento entre as células. Aqui está um exemplo:
tabela {
colapso de fronteira: colapsar;
}
Uma vez definida a propriedade de colapso de fronteira, poderá reparar que ainda existe algum espaço entre as células. Isto porque o preenchimento por defeito e os valores de margem para os elementos da tabela ainda estão em vigor. Para remover estes valores, pode utilizar as propriedades de acolchoamento e margem, respectivamente. Por exemplo:
td {
acolchoamento: 0;
margem: 0;
}
Isto removerá qualquer acolchoamento e margem entre as células. Pode ajustar os valores de acordo com as suas necessidades, mas fixá-los a zero é a forma mais comum de remover o espaçamento.
Finalmente, poderá também precisar de remover quaisquer margens que ainda estejam visíveis. Por defeito, as células da tabela têm uma borda em todos os lados. Para remover estas fronteiras, pode utilizar a propriedade da fronteira e defini-la como nenhuma. Por exemplo:
td {
fronteira: nenhuma;
}
Isto irá remover quaisquer fronteiras entre células. Também é possível utilizar as propriedades de topo de fronteira, de fundo de fronteira, de esquerda e de direita de fronteira para remover fronteiras específicas.
Em conclusão, a remoção do espaçamento entre células no CSS é um processo simples. Definindo a propriedade de colapso de fronteira, removendo o preenchimento e os valores de margem, e removendo quaisquer bordas visíveis, é possível obter uma disposição limpa e racionalizada da tabela. Tenha em mente que a remoção do espaçamento entre células pode afectar a legibilidade da sua mesa, por isso use-a judiciosamente.