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