Manual de referência CSS

Regras CSS @

大全 de propriedades CSS

Borda do CSS-esquerda-Atributo width Borda do CSS-esquerda-Atributo color

Borda do CSS-esquerda-Método de uso e exemplo da propriedade style

border-esquerda-A propriedade CSS style é usada para definir o estilo da borda esquerda do elemento. No entanto, em muitos casos, comoborder-styleouborder-esquerdaEssa propriedade CSS abreviada é mais conveniente e preferível de usar.

A tabela a seguir fornece explicação de uso e 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:	Nenhum
Animável:	Não.Veja: Propriedades de animação。
Versão:	CSS 1，2，3
Sintaxe do JavaScript:	object.style.borderLeftStyle="dashed"

border-esquerda-Sintaxe de uso do style

A sintaxe deste atributo é a seguinte:

border-esquerda-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit

Este exemplo demonstra como usar border-esquerda-do atributo style.

Exemplo

　　p {
　　　border-esquerda-style: dashed;
　　　border-esquerda-width:　3px;
　　}

Teste para ver‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
none	Não exibe borda.
hidden	Como 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 ele 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 soma das duas linhas e o espaço entre elas é igual aborder-widthdo valor.
groove	Exibe a borda que parece gravada no canvas. Ela oferece a impressão de3A impressão D, geralmente feita usando cores mais claras e mais escuras que a cor da borda.border-colorduas cores mais claras e mais escuras criando uma sombra para implementar.
ridge	Exibe a borda groove com o efeito inverso. Também oferece3A impressão D, a borda parece que sai do canvas.
inset	Exibe a borda que faz com que a caixa do elemento pareça estar embutida no canvas. Ela oferece a impressão de3D, isso geralmente é feito criando uma sombra em duas cores, mais claras que a cor da borda.border-colorligeiramente mais claro e mais escuro.
outset	Exibe a borda inset com o efeito inverso. Também oferece3A 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-esquerda-Valor do atributo style.

Compatibilidade do navegador

border-esquerda-Compatibilidade do navegador do atributo style, 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 4+ Apple Safari 1+ Opera 4+

Aviso: Internet Explorer 7e versões mais antigas não suportam value hidden. IE8Suporta, mas precisa de um。9e versões mais recentes suportam o valor hidden. IE