Exemplo
Definir o modelo de fronteiras em colapso em uma tabela:
table
{
border-collapse: collapse;
}
Tente você mesmo " Definição e Uso
A propriedade border-collapse define se as bordas da tabela são recolhidos em uma única fronteira ou individual como em HTML padrão.
| Valor padrão: | separate |
|---|---|
| Herdado: | yes |
| Animatable: | no. Read about animatable |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.borderCollapse="collapse" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| border-collapse | 1.0 | 5 | 1.0 | 1.2 | 4.0 |
Note: ! Se um DOCTYPE não for especificado, a propriedade border-collapse pode produzir resultados inesperados.
CSS Syntax
border-collapse: separate|collapse|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| separate | Fronteiras são destacados (border-espaçamento e propriedades de células vazias não serão ignorados). Este é o padrão | Jogue " |
| collapse | Fronteiras são recolhidos em uma única fronteira quando possível (border-spacing and empty-cells properties will be ignored) | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
CSS tutorial: Tabela CSS
HTML DOM de referência: borderCollapse property