Propriedade Style borderTopStyle

Definição e uso

borderTopStyle Definir ou retornar o estilo da borda do elemento.

Veja também：

Tutorial de CSS：Borda do CSS

Manual do CSS：Propriedade border-top-style

Manual do DOM HTML：Propriedade border

Exemplo

Exemplo 1

Adicionar borda superior sólida ao elemento <div>：

document.getElementById("myDiv").style.borderTopStyle = "solid";

Experimente você mesmo

Exemplo 2

Mude o estilo da borda superior do elemento <div> para "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

Experimente você mesmo

Exemplo 3

Retorna o estilo da borda superior do elemento <div>:

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

Experimente você mesmo

Exemplo 4

Demonstrações de todos os diferentes valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

Experimente você mesmo

Sintaxe

Retorne a propriedade borderTopStyle:

object.style.borderTopStyle

Defina a propriedade borderTopStyle:

object.style.borderTopStyle = value|initial|inherit
Valor Descrição
none Define borda sem borda. Padrão.
hidden Igual a "none", mas exceto ao resolver conflitos de borda em elementos de tabela.
dotted Define a borda pontilhada.
dashed Define a borda tracejada.
solid Define a borda sólida.
double Define duas bordas. A largura das duas bordas é igual ao valor de border-width.
groove Define a borda 3D groove. O efeito depende de border-color os valores.
ridge Define a borda 3D ribbed. O efeito depende de border-color os valores.
inset Define a borda 3D inset. O efeito depende de border-color os valores.
outset Define a borda 3D outset. O efeito depende de border-color os valores.
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: none
Retorno: Cadeia de caracteres, que representa o estilo da borda superior do elemento.
Versão do CSS: CSS1

Suporte ao navegador

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