manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS border-color atributo CSS border-bottom-width atributo

CSS border-Método de uso e exemplo da propriedade collapse

border-A propriedade collapse especifica se a borda da célula da tabela é dobrada em uma única borda ou separada normalmente.

Existem dois modelos diferentes que podem ser definidos nas células da tabela do CSS.

Modelo de borda separada

Neste modelo, cada célula da tabela tem uma borda separada.

border-spacingDistância entre as bordas adjacentes das células adjacentes determinadas pelas propriedades.

Atenção:No modelo de borda separada, apenas as células (e a tabela em si) podem ter borda; as linhas, colunas, grupos de linhas e grupos de colunas não podem.

Modelo de borda sobreposta

No modelo de borda dobrável, as células adjacentes da tabela compartilham a borda.

Atenção:No modelo de borda dobrável, é possível especificar a borda total ou parte da célula, linha, grupo de linhas, coluna e grupo de colunas envolventes.

border-O atributo collapse escolhe o modelo de borda da tabela. O valor separate escolhe o modelo de borda separado. O valor collapse escolhe o modelo de borda dobrável.

A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:	Separado
Aplicável a:	EsteTabelae elementos da lista direta
Herança:	Sim
Animável:	Não.Veja mais Atributos de animação。
Versão:	CSS 2、3
Sintaxe JavaScript:	object object.style.borderCollapse="collapse"

border-Sintaxe de uso do collapse

A sintaxe deste atributo é a seguinte:

border-collapse: separate | collapse | initial | inherit

Os exemplos a seguir mostram como usar border-atributo collapse

Exemplo

　　table {
　　　border-collapse: collapse;
　　}
　　th, td {
　　　border:　1px sólido preto;
　　}

Teste e veja‹/›

Valores do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
separate	Escolher o modelo de borda separada. Este é o valor padrão.
collapse	escolher o modelo de borda dobrável.border-spacingeempty-cellsO atributo será ignorado.
initial	Defina este atributo para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o border do elemento pai-Valores do atributo collapse

Compatibilidade do navegador

border-Compatibilidade do navegador do atributo collapse, os números na tabela a seguir representam a versão mínima do navegador que suporta o atributo; todos os navegadores populares suportam este atributo.

	Firefox 1+ Google Chrome1+ Internet Explorer 5+ Apple Safari 1.2+ Opera 4+

Aviso: usarborder-collapseao definir o atributo, sempre use um valor válido<!DOCTYPE>，caso contrário, pode haver resultados inesperados.