Propriedade borderTop do estilo

Definição e uso

borderTop Propriedades definidas na forma abreviada ou retornadas que definem no máximo três propriedades border-top individuais.

Através dessa propriedade, você pode definir/retornar uma ou mais das seguintes (em qualquer ordem):

Veja também:

Tutorial de CSS:Borda do CSS

Manual do CSS:Propriedade border-top

Manual do HTML DOM:Propriedade border

Exemplo

Exemplo 1

Adicione uma borda superior ao elemento <div>:

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";

Experimente você mesmo

Exemplo 2

Altere a largura, estilo e cor da borda superior do elemento <div>:

document.getElementById("myDiv").style.borderTop = "thin dotted red";

Experimente você mesmo

Exemplo 3

Retorne o valor da propriedade border-top do elemento <div>:

alert(document.getElementById("myDiv").style.borderTop);

Experimente você mesmo

Sintaxe

Retorne a propriedade borderTop:

object.style.borderTop

Defina a propriedade borderTop:

object.style.borderTop = "width style color|initial|inherit"

Valor da propriedade

Valor Descrição
width Defina a largura da borda superior.
style Defina o estilo da borda superior.
color Defina a cor da borda superior.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: Não especificado
Retorno: Cadeia de caracteres, que representa a largura, estilo e/ou cor da borda superior do elemento.
Versão do CSS: CSS1

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte