Propriedade border-spacing
A propriedade CSS border-spacing é utilizada em conjunto com a Propriedade border-colapse para controlar o espaçamento entre as bordas de células em tabelas. Ela determina a distância entre as células adjacentes quando o modelo de colapso de bordas (border-collapse) é configurado como colapse.
Espaçamento horizontal e vertical
A propriedade border-spacing aceita dois valores numéricos, representando o espaçamento horizontal e vertical, respectivamente. A ordem dos valores é importante, onde o primeiro valor define o espaçamento horizontal e o segundo o espaçamento vertical.
table {
border-collapse: separate;
border-spacing: 5px 10px; /* Espaçamento horizontal de 5 pixels, vertical de 10 pixels */
}Espaçamento igual
Se apenas um valor for fornecido, ele será aplicado tanto ao espaçamento horizontal quanto ao vertical, resultando em um espaçamento igual em ambas as direções.
table {
border-collapse: separate;
border-spacing: 8px; /* Espaçamento horizontal e vertical de 8 pixels */
}