Propriedade border-spacing do CSS

Definição e uso

A propriedade border-spacing define o espaço entre as bordas das células adjacentes (apenas para o modo 'separado').

Comentário:Algumas versões do navegador IE não suportam esta propriedade.

Explicação

Esta propriedade especifica o espaço entre as bordas das células no modelo de separação de bordas. Nos dois valores de comprimento especificados, o primeiro é o intervalo horizontal e o segundo é o intervalo vertical. A menos que border-collapse seja definido como separate, esta propriedade será ignorada. Embora esta propriedade seja aplicável às tabelas, ela pode ser herdada por todos os elementos da tabela.

Veja também:

Tutorial de CSS:Tabela CSS

Manual de referência do HTML DOM:Propriedade borderSpacing

Exemplo

Definir border-spacing para a tabela:

table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

Experimente você mesmo

Sintaxe do CSS

border-spacing: length|initial|inherit;

Valor da propriedade

Valor Descrição
length length

Define o espaço entre as bordas das células adjacentes. Utiliza unidades como px, cm, etc. Não são permitidos valores negativos.

Se definido um length Os parâmetros definem o espaçamento horizontal e vertical.

Se definidos dois length Se definidos dois parâmetros, o primeiro define o espaçamento horizontal e o segundo define o espaçamento vertical.
inherit Define que o valor da propriedade border-spacing deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: sim
Versão: CSS2
Sintaxe do JavaScript: object.style.borderSpacing="15px"

Mais exemplos

Configurar espaço entre as bordas da tabela
Este exemplo demonstra como configurar o espaço entre as bordas das células.

Suporte do navegador

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0