English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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.
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
color | Especificar a cor da borda superior. VejaValores de cor do CSSpara obter a lista de possíveis valores de cor. |
transparent | Permite que a borda seja transparente, mesmo que possa ocuparborder-widthO espaço definido pela propriedade. |
initial | Defina essa propriedade como seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota o border do elemento pai-left-Valor da propriedade color. |
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.
|
Veja o tutorial:CSS Border,CSS3 Border。
Propriedades relacionadas:border,border-color,border-left,border-left-style,
border-left-width。