tutoriais mais recente desenvolvimento web
 

Style borderColor Property

<Estilo de objeto

Exemplo

Mudar a cor das quatro bordas de um <div> elemento para o vermelho:

document.getElementById("myDiv").style.borderColor = "red";
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

Os BORDERCOLOR conjuntos de propriedades ou retorna a cor da borda de um elemento.

Esta propriedade pode levar de um a quatro valores:

  • Um valor, como: p {border-color: red} - todas as quatro bordas será vermelho
  • Dois valores, como: p {border-color: vermelho transparente} - superior e borda inferior será vermelho, à esquerda e borda direita será transparente
  • Três valores, como: p {border-color: azul red green} - borda superior será vermelho, esquerda e direita fronteira será verde, borda inferior será azul
  • Quatro valores, como: p {border-color: amarelo azul red green} - borda superior será vermelho, borda direita será verde, borda inferior será azul, borda esquerda será amarela

Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.

Propriedade
borderColor 1.0 4.0 1.0 1.0 3,5

Sintaxe

Devolver o imóvel borderColor:

object .style.borderColor

Defina a propriedade borderColor:

object .style.borderColor=" Valores de propriedade
Valor Descrição
color Especifica a cor da borda. Olhe para valores de cor CSS para uma completa lista de possíveis valores de cor. cor padrão é preto
transparent A cor da beira é transparente (conteúdo subjacente vai brilhar)
initial Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão: Preto
Valor de retorno: A String, que representa a cor da borda de um elemento
CSS Versão CSS1

mais Exemplos

Exemplo

Alterar a cor da borda superior e inferior para a beira verde e esquerda e direito de roxo, de um <div> elemento:

document.getElementById("myDiv").style.borderColor = "green purple";
Tente você mesmo "

Exemplo

Voltar a cor da borda de um <div> elemento:

alert(document.getElementById("myDiv").style.borderColor);
Tente você mesmo "

Páginas relacionadas

Tutorial CSS: CSS Border

Referência CSS: border-color property

HTML DOM referência: border property


<Estilo de objeto