tutoriais mais recente desenvolvimento web
 

Style borderRightStyle Property

<Estilo de objeto

Exemplo

Adicionar uma "solid" borda direita para um <div> elemento:

document.getElementById("myDiv").style.borderRightStyle = "solid";
Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades borderRightStyle ou retorna o estilo da borda direita de um elemento.


Suporte navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A propriedade borderRightStyle é suportado em todos os principais navegadores.


Sintaxe

Devolver o imóvel borderRightStyle:

object .style.borderRightStyle

Defina a propriedade borderRightStyle:

object .style.borderRightStyle= 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 direita de um elemento
CSS Versão CSS1

mais Exemplos

Exemplo

Mude o estilo da borda direita de um <div> elemento para "dotted" :

document.getElementById("myDiv").style.borderRightStyle = "dotted";
Tente você mesmo "

Exemplo

Devolver o estilo de borda direita de um <div> elemento:

alert(document.getElementById("myDiv").style.borderRightStyle);
Tente você mesmo "

Exemplo

Uma demonstração de todos os diferentes valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;
Tente você mesmo "

Páginas relacionadas

Tutorial CSS: CSS Border

Referência CSS: border-right-style property

HTML DOM referência: border property


<Estilo de objeto