A border-spacingpropriedade em CSS controla a distância das células em um
display: table;
Leva qualquer um dos comprimentos de CSS.
Notavelmente, ela só tem efeito se a tabela estiver usando o padrão border-collapse: separate;e não tem efeito algum quando border-collapse: collapse;é definida.
table ( border-collapse: separate; border-spacing: 5px; border-spacing: 1vw; border-spacing: 2em; )Veja a
tabela de canetas com células arredondadas de Chris Coyier (@chriscoyier)
no CodePen.
Suporte para navegador
elemento (ou um elemento que é feito para ser semelhante a uma tabela via).| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Funciona | Funciona | Funciona | Funciona | Funciona | Funciona | Funciona |