Exemplo
Reduzir a borda da tabela:
document.getElementById("myTable").style.borderCollapse = "collapse"; Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
Os conjuntos de propriedades borderCollapse ou retorna se a borda da tabela devem ser recolhidas em uma única borda ou não.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| borderCollapse | 1.0 | 5 | 1.0 | 1,2 | 4.0 |
Sintaxe
Devolver o imóvel borderCollapse:
object .style.borderCollapse
Defina a propriedade borderCollapse:
object .style.borderCollapse="separate|collapse|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| separate | fronteiras separadas são atraídos para todos os elementos de célula de tabela. Este é o padrão |
| collapse | As fronteiras não são desenhadas entre os elementos de célula da tabela |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | separado |
|---|---|
| Valor de retorno: | A String, representando as fronteiras de uma mesa |
| CSS Versão | CSS2 |
mais Exemplos
Exemplo
Devolver o imóvel borderCollapse:
alert(document.getElementById("myTable").style.borderCollapse);
Tente você mesmo " Páginas relacionadas
CSS tutorial: Tabela CSS
Referência CSS: border-collapse property
<Estilo de objeto