Propriedade borderBottomStyle do Style

Definição e uso

borderBottomStyle Configura ou retorna o estilo da borda inferior do elemento.

Veja também:

Tutorial do CSS:Borda do CSS

Manual do CSS:Propriedade borderBottomStyle

Manual do HTML DOM:Propriedade border

Exemplo

Exemplo 1

Adicionar uma borda inferior sólida ao elemento <div>:

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

Experimente você mesmo

Exemplo 2

Alterar o estilo da borda inferior do elemento <div> para "dotted":

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

Experimente você mesmo

Exemplo 3

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

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

Experimente você mesmo

Exemplo 4

Demonstrações para todos os diferentes valores:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade borderBottomStyle:

object.style.borderBottomStyle

Defina a propriedade borderBottomStyle:

object.style.borderBottomStyle = value

Valor do atributo

Valor Descrição
none Define borda sem borda. Padrão.
hidden Igual a "none", 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 em sulco 3D. O efeito depende de border-color os valores.
ridge Define a borda ondulada 3D. O efeito depende de border-color os valores.
inset Define a borda de encaixe 3D. O efeito depende de border-color os valores.
outset Define a borda de saída 3D. O efeito depende de border-color os valores.
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: none
Retorno: String que representa o estilo da borda inferior do elemento.
Versão do CSS: CSS1

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Observação:As versões do IE7 e anteriores não suportam o valor "hidden". As versões do IE9 e posteriores suportam "hidden".