Exemplo
Adicionar uma "solid" borda inferior a um <div> elemento:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades borderBottomStyle ou retorna o estilo da borda inferior de um elemento.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Nota: O valor "hidden" não é suportado no IE7 e versões anteriores. IE9 e apoio depois "hidden" .
Sintaxe
Devolver o imóvel borderBottomStyle:
object .style.borderBottomStyle
Defina a propriedade borderBottomStyle:
object .style.borderBottomStyle= value 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 inferior de um elemento |
| CSS Versão | CSS1 |
mais Exemplos
Exemplo
Mude o estilo da borda inferior de um <div> elemento para "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Tente você mesmo " Exemplo
Devolver o estilo de borda inferior de um <div> elemento:
alert(document.getElementById("myDiv").style.borderBottomStyle); Tente você mesmo " Exemplo
Uma demonstração de todos os diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Border
Referência CSS: border-bottom-style property
HTML DOM referência: border property
<Estilo de objeto