Exemplo
Adicionar uma "solid" fronteira esquerda para um <div> elemento:
document.getElementById("myDiv").style.borderLeftStyle = "solid";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades borderLeftStyle ou retorna o estilo da borda esquerda de um elemento.
Suporte navegador
A propriedade borderLeftStyle é suportado em todos os principais navegadores.
Sintaxe
Devolver o imóvel borderLeftStyle:
object .style.borderLeftStyle
Defina a propriedade borderLeftStyle:
object .style.borderLeftStyle= Valores de propriedade Valor Descrição none Define nenhuma fronteira. Este é o padrão hidden Mesmo que "none" , exceto na resolução de conflitos de fronteira para os elementos da tabela dotted Define uma borda pontilhada dashed Define uma borda tracejada solid Define um rebordo sólido double Define duas fronteiras. A largura das duas bordas são o mesmo que o valor de fronteira de largura groove Define uma borda sulcada 3D. O efeito depende do valor border-color ridge Define uma borda ridged 3D. O efeito depende do valor border-color inset Define uma borda inset 3D. O efeito depende do valor border-color outset Define uma borda início 3D. O efeito depende do valor border-color initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: Nenhum Valor de retorno: A String, que representa o estilo da borda esquerda de um elemento CSS Versão CSS1
mais Exemplos
Exemplo
Mude o estilo da borda esquerda de um <div> elemento para "dotted" :
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Tente você mesmo "
Exemplo
Devolver o estilo de borda esquerda de uma <div> elemento:
alert(document.getElementById("myDiv").style.borderLeftStyle); Tente você mesmo "
Exemplo
Uma demonstração de todos os diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue; Tente você mesmo "
Páginas relacionadas
Tutorial CSS: CSS Border
Referência CSS: border-left-style property
HTML DOM referência: border property
<Estilo de objeto