Propriedade Style borderLeftStyle

Definição e uso

borderLeftStyle Configuração ou retorno do estilo da borda esquerda do elemento.

Veja também:

Tutorial de CSS:Borda do CSS

Manual de Referência do CSS:Propriedade border-left-style

Manual de Referência do DOM HTML:Propriedade border

Exemplo

Exemplo 1

Adicione uma borda esquerda sólida ao elemento <div>:

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

Experimente você mesmo

Exemplo 2

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

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

Experimente você mesmo

Exemplo 3

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

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

Experimente você mesmo

Exemplo 4

Demonstrações para todos os diferentes valores:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade borderLeftStyle:

object.style.borderLeftStyle

Defina a propriedade borderLeftStyle:

object.style.borderLeftStyle = value
Valor Descrição
none Define borda sem borda. Padrão.
hidden Igual a "none", mas exceto na solução de conflitos de borda de 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 ridge. 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 initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

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

Suporte do navegador

Chrome Edge Firefox Safari Ópera
Chrome Edge Firefox Safari Ópera
Suporte Suporte Suporte Suporte Suporte