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

manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

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

borda-A propriedade de cor CSS é usada para definir a cor de uma única borda, ou seja, uma propriedade abreviada de atalho;borda-superior-corborda-direita-corborda-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"

borda-Uso da sintaxe cor

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.

Valores da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
corEspecificar a cor da borda. VejaValores de cor do CSSpara obter a lista de possíveis valores de cor.
transparentePermite que a borda seja transparente, mesmo que ela possa ocuparborda-larguraEspaço da propriedade.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota a borda do elemento pai-Valores da propriedade cor.

Compatibilidade do navegador

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.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Veja o tutorial:Borda do CSSCSS3 Borda

Propriedades relacionadas:bordaborda-estiloborda-larguraborda-superior-corborda-direita-corborda-inferior-corborda-esquerda-cor