English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-A propriedade spacing usa o modelo de borda separada para definir o espaçamento entre as bordas das células adjacentes da tabela. Se o modelo de borda dobrada for usado, esta propriedade será ignorada. Por favor, consulteborder-collapseAtributo.
A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso no script JavaScript.
Valor padrão: | 0 |
---|---|
Aplicável a: | tabela(table)e tabela embutida (inline-elemento table) |
Herança: | Sim |
Animável: | Sim.Por favor, consulte Atributo de animação. |
Versão: | CSS 2,3 |
JavaScript: | object object.style.borderSpacing="12px" |
A sintaxe deste atributo é a seguinte:
border-spacing: [ length ] 1 ou 2 values | initial | inherit
Este border-O atributo spacing pode usar um ou dois valores de comprimento separados por espaços em branco.
Se especificadoUm valorentão oValorSerá aplicado ao espaçamento da borda horizontal e vertical.
Se especificadoDois valoresSe especificado, o primeiro define o espaçamento da borda horizontal, o segundo define o espaçamento da borda vertical.
O exemplo a seguir demonstra como usar a borda-Atributo spacing
table { border-collapse: separate; border-spacing: 10px 20px; }Teste e veja‹/›
A tabela a seguir descreve os valores deste atributo.
Valor | Descrição |
---|---|
length | Os valores de comprimento como px, pt, cm, em etc., não permitem valores negativos. |
initial | Defina este atributo para seu valor padrão. |
inherit | Se especificado, o elemento relacionado usa a borda do elemento pai-Valores do atributo spacing |
border-Compatibilidade do navegador para o atributo spacing, os números na tabela a seguir representam a versão mais baixa do navegador que suporta o atributo; todos os navegadores populares suportam este atributo.
|
Aviso: Internet Explorer 7e versões mais antigas não suportam esta borda-Atributo spacing. IE8Apenas<!DOCTYPE>Este atributo é suportado apenas ao especificar a
Por favor, consulte o seguinte tutorial:Tabela do CSS,Borda do CSS,CSS3Borda.
Atributos relacionados à tabela:border-collapse,empty-cells,table-layout.