manual CSS

regra CSS (RULES)

大全 CSS

Borda CSS-topo-Atributo largura CSS3 borda-topo-direita-Atributo radius

Borda CSS-topo-método de uso e exemplo da propriedade style

borda-topo-A propriedade style define o estilo da borda superior do elemento. No entanto, em muitos casos, comoborda-estiloouborda-topoEssa propriedade CSS abreviada é mais conveniente e preferível de usar.

A tabela a seguir fornece uma descrição de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso na script JavaScript.

valor padrão:	none
aplicável a:	todos os elementos
herança:	não
animável:	não.por favor, consulte propriedades de animação.
versão:	CSS 1,2,3
sintaxe JavaScript:	objeto.style.borderTopStyle="dotted"

borda-topo-sintaxe de uso da propriedade style

A sintaxe dessa propriedade é a seguinte:

borda-topo-style:　none　|　hidden　|　dotted　|
　　　　　　　　　　　　　　　　　　　　dashed　|　solid　|　double　|
　　　　　　　　　　　　　　　　　　　　groove　|　ridge　|　inset　|　outset　|　inherit

A seguir, é demonstrado como usar border-topo-propriedade de estilo.

exemplo

　　p　{
　　　borda-topo-style:　dashed;
　　　borda-topo-largura:　3px;
　　}

Teste para ver‹/›

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
none	sem borda exibida.
hidden	Igual a none, a diferença é que as células da tabela têmBorda dobradae as 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 pequenos segmentos, ou traços.
solid	Exibe a borda como uma linha sólida.
double	Exibe a borda como duas linhas paralelas e deixa um espaço entre elas. A soma das duas linhas e o espaço entre elas é igual aborda-largurado valor.
groove	Exibe uma borda gravada no canvas. Ela cria a impressão de3D da impressão, geralmente feito usando cores mais claras que a cor da borda.borda-corduas cores mais claras e mais escuras para criar a sombra.
ridge	Exibe uma borda groove que é o contrário do efeito.3D da impressão, a borda parece que sai do canvas.
inset	Exibe uma borda que faz com que a caixa do elemento pareça estar embutida no canvas. Ela cria a impressão de3D, isso geralmente é feito criando uma sombra em duas cores, mais claras que a cor da borda.borda-corligeira e mais escura.
outset	Exibe uma borda inset que é o contrário do efeito.3D da impressão, a borda faz a caixa parecer que sai do canvas.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota a borda do elemento pai-topo-Valores do atributo estilo.

Compatibilidade do navegador

borda-topo-Compatibilidade do navegador do atributo estilo, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores principais suportam essa propriedade.

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

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