manual de referência CSS

regras CSS @

大全 de propriedades CSS

CSS border-left-color atributo CSS3 border-image-width atributo

CSS border-Método de uso e exemplo do atributo left

border-left CSS atributo define a largura, estilo e cor da borda esquerda do elemento. É usado para definir várias propriedades da borda esquerda em uma única declaração (ou sejaborder-left-width，border-left-styleeborder-left-color）propriedade abreviada.

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:	Ver todos os atributos
Aplicável a:	Todos os elementos
Herança:	Não
Animável:	Sim,Veja referência de propriedade individual。Veja referência Atributo de animação。
Versão:	CSS 1，2，3
Sintaxe JavaScript:	object.style.borderLeft="2px solid red"

Sintaxe do uso da borda esquerda

A sintaxe deste atributo é a seguinte:

border-left:　[　border-left-width　border-left-style　border-left-color　]　|　initial　|　inherit

Os exemplos a seguir demonstram como usar border-atributo left.

Exemplo

　　h1　{
　　　border-left:　5px　solid　#ff0000;
　　}
　　p　{
　　　border-left:　3px　dotted　#00ff00;
　　}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
border-left-width	Defina a largura da borda esquerda do elemento.
border-left-style	Defina o estilo da linha da borda esquerda do elemento.
border-left-color	Defina a cor da borda esquerda do elemento.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o border do elemento pai-Valor do atributo left.

Compatibilidade do navegador

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

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