Atributo border-top-color CSS

Definição e uso

border-top-color define a cor da borda superior do elemento.

Só pode definir cores puras e a borda só pode aparecer quando o estilo da borda é um valor diferente de none ou hidden.

Notas:Sempre declare a propriedade border-style antes da propriedade border-color. O elemento deve obter a borda antes de mudar sua cor.

Veja também:

Tutorial de CSS:Borda CSS

Manual de referência do CSS:Propriedade border-top

Manual de referência do HTML DOM:Propriedade BoltonTopColor

Exemplo

Configurar a cor da borda superior:

p
  {
  border-style:solid;
  border-top-color:#ff0000;
  }

Experimente você mesmo

Sintaxe CSS

border-top-color: cor|transparent|initial|inherit;

Valor do atributo

Valor do atributo

Valor Descrição
color_name Definir a cor da borda com nome de cor (por exemplo, red).
hex_number Definir a cor da borda com valor hexadecimal (por exemplo, #ff0000).
rgb_number Definir a cor da borda com código rgb (por exemplo, rgb(255,0,0)).
transparent Valor padrão. A cor da borda é transparente.
inherit Definido que a cor da borda deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: não
Versão: CSS1
Sintaxe JavaScript: object.style.borderTopColor="blue"

Mais exemplos

Configurar a cor da borda superior
Este exemplo demonstra como configurar a cor da borda superior.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:O Internet Explorer 6 (e versões anteriores) não suporta o valor de atributo "transparent".

Notas:Os navegadores IE7 e versões anteriores não suportam o valor "inherit". O IE8 requer !DOCTYPE. O IE9 suporta "inherit".