Exemplo
Adicionar uma "solid" borda superior a um <div> elemento:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades borderTopStyle ou retorna o estilo da borda superior de um elemento.
Suporte navegador
A propriedade borderTopStyle é suportado em todos os principais navegadores.
Sintaxe
Devolver o imóvel borderTopStyle:
object .style.borderTopStyle
Defina a propriedade borderTopStyle:
object .style.borderTopStyle= value |initial|inherit
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 de borda superior de um elemento |
| CSS Versão | CSS1 |
mais Exemplos
Exemplo
Mude o estilo da borda superior de um <div> elemento para "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Tente você mesmo " Exemplo
Devolver o estilo de borda superior de um <div> elemento:
alert(document.getElementById("myDiv").style.borderTopStyle); Tente você mesmo " Exemplo
Uma demonstração de todos os diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Border
Referência CSS: border-top-style property
HTML DOM referência: border property
<Estilo de objeto