Atributo border-top CSS

Definição e uso

A propriedade abreviada border-top coloca todas as propriedades da borda superior em uma declaração.

As propriedades podem ser definidas em ordem, conforme abaixo:

Se nenhuma dessas propriedades for definida, não haverá problema, por exemplo, border-top:solid #ff0000; também é permitido.

Veja também:

Tutorial de CSS:Borda do CSS

Manual de referência do HTML DOM:Propriedade borderTop

Exemplo

Definir o estilo da borda superior:

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

Experimente você mesmo

Sintaxe do CSS

border-top: border-width border-style border-color|initial|inherit;

Valor da propriedade

Valores Descrição
border-top-width Define a largura da borda superior. Veja:border-top-width valores possíveis.
border-top-style Define o estilo da borda superior. Veja:border-top-style valores possíveis.
border-top-color Define a cor da borda superior. Veja:border-top-color valores possíveis.
inherit Define que a propriedade border-top deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.borderTop="3px solid blue"

Mais exemplos

Todas as propriedades da borda superior em uma declaração
Este exemplo demonstra como usar a propriedade abreviada para definir todas as propriedades da borda superior em uma declaração.

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:Os navegadores IE7 e anteriores não suportam o valor "inherit". O IE8 requer !DOCTYPE. O IE9 suporta "inherit".