Manual de referência do CSS

CSS @regras (RULES)

大全 de propriedades CSS

Borda do CSS-Atributo top Borda do CSS-Atributo spacing

Borda do CSS-método de uso e exemplo da propriedade de estilo

border-a propriedade de estilo CSS é usada para definir uma propriedade de estilo de contorno único, ou sejaborder-top-style，border-right-style，border-bottom-styleeborder-left-stylepropriedade abreviada.

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

valor padrão:	none
aplicável a:	todos os elementos
herança:	não
animável:	não.ver propriedade de animação。
versão:	CSS 1，2，3
JavaScript:	object object.style.borderStyle="dotted double"

border-sintaxe de uso do estilo

a sintaxe deste atributo é a seguinte:

border-style:　[　none　|　hidden　|　dotted　|　dashed　|　solid　|　double　|　groove　|　ridge　|　inset　|　outset　]　1　to　4　values　|　initial　|　inherit

este atalho pode usar um, dois, três ou quatro valores separados por espaços em branco.

se especificadoum valorentão ele será aplicado a todos os quatro contornos.
se especificadodois valoresentão o primeiro valor será aplicado aos contornos superior e inferior, e o segundo valor será aplicado aos contornos direito e esquerdo.
se especificadotrês valoresentão o primeiro valor será aplicado ao contorno superior, o segundo valor será aplicado aos contornos esquerdo e direito, e o terceiro valor será aplicado ao contorno inferior.
se especificadoquatro valoresse especificado, cada valor será aplicado na ordem superior, direita, inferior e esquerda ao contorno.

Abaixo está um exemplo de como usar border-propriedade de estilo.

exemplo

　　p　{
　　　border-style:　double;
　　　border-largura:　5px;
　　}

Teste para ver‹/›

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
none	sem borda exibida.
hidden	Como o none, a diferença é que as células da tabela têmBorda dobradaE duas células compartilham a borda. O valor hidden garante que a borda não seja desenhada, pois o hidden tem prioridade sobre todos os outros estilos de borda.
dotted	Exibe a borda como uma série de pontos.
dashed	Exibe a borda como uma série de segmentos curtos, ou traços.
solid	Exibe a borda como uma linha sólida.
double	Exibe a borda como duas linhas paralelas, com um espaço entre elas. A somaborder-largurado valor.
groove	Exibe uma borda gravada no canvas. Ela também3A impressão D, geralmente feita usando cores mais clarasborder-corduas cores mais claras e mais escuras criando uma sombra para implementar. A
ridge	Exibe uma borda groove que tem o efeito oposto ao exibido. Ela também3A impressão D, a borda parece que sai do canvas.
inset	Exibe uma borda que faz a caixa do elemento parecer que está embutida no canvas. Ela3D, isso geralmente é feito criando uma sombra em duas cores, mais clarasborder-corligeira e mais escura.
outset	Exibe uma borda inset que tem o efeito oposto ao exibido. Ela também3A impressão D, a borda faz a caixa parecer que sai do canvas.
inherit	Se especificado, o elemento relacionado adota a borda do elemento pai-top-Valor do atributo style.

Compatibilidade do navegador

border-Compatibilidade do navegador do atributo style, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Suporte do navegador – Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Aviso: Internet Explorer 7e versões mais antigas não suportam o valor hidden. IE8Suportado, mas precisa de um<!DOCTYPE>。9e versões mais recentes suportam o valor hidden. IE