Exemplo
Adicionar uma "solid" de fronteira a um <div> elemento:
document.getElementById("myDiv").style.borderStyle = "solid"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades BorderStyle ou retorna o estilo da borda de um elemento.
Esta propriedade pode levar de um a quatro valores:
- Um valor, como: p {border-style: sólida} - todas as quatro bordas será sólido
- Dois valores, como: p {border-style: sólida pontilhada} - superior e borda inferior será sólido, esquerda e borda direita será pontilhada
- Três valores, como: p {border-style: dupla pontilhada sólida} - borda superior será sólido, esquerda e borda direita será pontilhado, borda inferior será o dobro
- Quatro valores, como: p {border-style: sólida pontilhada dupla correu} - borda superior será sólido, borda direita será pontilhado, borda inferior será duplo, borda esquerda serão frustradas
Suporte navegador
A propriedade borderStyle é suportado em todos os principais navegadores.
Sintaxe
Devolver o imóvel borderStyle:
object .style.borderStyle
Defina a propriedade borderStyle:
object .style.borderStyle= Valores de propriedade Valor Descrição none Define nenhuma fronteira. Este é o padrão hidden O 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 de um elemento CSS Versão CSS1
mais Exemplos
Exemplo
Mude o estilo das quatro bordas de um <div> elemento:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
Tente você mesmo "
Exemplo
Devolver o estilo de borda de um <div> elemento:
alert(document.getElementById("myDiv").style.borderStyle); Tente você mesmo "
Exemplo
Uma demonstração de todos os diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; Tente você mesmo "
Páginas relacionadas
Tutorial CSS: CSS Border
Referência CSS: border-style property
HTML DOM referência: border property
<Estilo de objeto