English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
borda-A propriedade de cor CSS é usada para definir a cor de uma única borda, ou seja, uma propriedade abreviada de atalho;borda-superior-cor,borda-direita-cor,borda-inferior-corEborda-esquerda-corPara uma única declaração.
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 para: | Todos os elementos |
Herança: | Nenhum |
Animável: | Sim.Veja referência Propriedade de animação。 |
Versão: | CSS 1,2,3 |
Sintaxe JavaScript: | object object.style.borderColor="#cc0000 red" |
Sintaxe de uso da cor
borda-A sintaxe dessa propriedade é a seguinte: 1 cor: [ cor | transparente ] 4 to
values | inherit
Essa abreviação de atalho pode usar um, dois, três ou quatro valores separados por espaços em branco.Se especificadoSe especificados
Se especificadosDois valoresO primeiro valor será aplicado às bordas superior e inferior, e o segundo valor será aplicado às bordas direita e esquerda.
Se especificadosTrês valoresO primeiro valor será aplicado à borda superior, o segundo valor será aplicado às bordas direita e esquerda, e o terceiro valor será aplicado à borda inferior
Se especificadosQuatro valoresSe especificados, os valores serão aplicados na ordem superior, direita, inferior e esquerda à borda.
Os exemplos a seguir demonstram como usar a borda-propriedade cor.
p { borda-estilo: solid; borda-cor: #ff0000; }Teste e veja‹/›
Nota:Você deve especificar a borda-antes da declaração da propriedade corborda-estiloPropriedade. O elemento deve ter borda antes de poder definir a cor da borda, porqueborda-estiloO valor padrão dessa propriedade é none.
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
cor | Especificar a cor da borda. VejaValores de cor do CSSpara obter a lista de possíveis valores de cor. |
transparente | Permite que a borda seja transparente, mesmo que ela possa ocuparborda-larguraEspaço da propriedade. |
initial | Defina essa propriedade para seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota a borda do elemento pai-Valores da propriedade cor. |
borda-Compatibilidade do navegador da propriedade cor, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Veja o tutorial:Borda do CSS,CSS3 Borda。
Propriedades relacionadas:borda,borda-estilo,borda-largura,borda-superior-cor,borda-direita-cor,borda-inferior-cor,borda-esquerda-cor。