English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

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

border-left-A propriedade color define a cor da borda esquerda do elemento de forma isolada. No entanto, em muitos casos, é mais comum usar a propriedade CSS abreviada, como   border-colorouborder-leftMais fácil de usar.

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

Valor padrão:colorValores da propriedade
Aplicável a:Todos os elementos
Herança:Não
Animável:Sim.Veja referência Propriedade de animação
Versão:CSS 1,2,3
Sintaxe do JavaScript:object object.style.borderLeftColor="red"

border-left-Sintaxe de uso do JavaScript:

Sintaxe de uso da propriedade color

border-left-A sintaxe dessa propriedade é a seguinte:

color: color | transparent | initial | inherit-left-Os exemplos a seguir mostram como usar border

  Exemplo
   border-p {
   border-left-style: solid;
  color: #ff0000;
}/Teste e veja‹

Atenção:border-styleA propriedade border deve ser declarada antes da propriedade-left-A propriedade color deve ter um border definido no elemento, antes de poder definir a cor do border, porqueborder-styleO valor padrão dessa propriedade é none.

Valores da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
colorEspecificar a cor da borda superior. VejaValores de cor do CSSpara obter a lista de possíveis valores de cor.
transparentPermite que a borda seja transparente, mesmo que possa ocuparborder-widthO espaço definido pela propriedade.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado adota o border do elemento pai-left-Valor da propriedade color.

Compatibilidade do navegador

border-left-Compatibilidade do navegador da propriedade color, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Veja o tutorial:CSS BorderCSS3 Border

Propriedades relacionadas:borderborder-colorborder-leftborder-left-style
border-left-width