Propriedade Style borderRightStyle

Definição e uso

borderRightStyle Configuração ou retorno do estilo da borda direita do elemento.

Veja também：

Tutorial de CSS：Borda CSS

Manual do CSS：Propriedade border-right-style

Manual do DOM HTML：Propriedade border

Exemplo

Exemplo 1

Adicionar borda direita sólida ao elemento <div>：

document.getElementById("myDiv").style.borderRightStyle = "solid";

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 2

document.getElementById("myDiv").style.borderRightStyle = "solid";

Exemplo 2

var listValue = selectTag.options[selectTag.selectedIndex].text;

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

document.getElementById("myDiv").style.borderRightStyle = "dotted";

Exemplo 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

Retorna o estilo da borda direita do elemento <div>:

alert(document.getElementById("myDiv").style.borderRightStyle);

Exemplo 4
Demonstrações de todos os diferentes valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderRightStyle = listValue;

Experimente você mesmo

.style.borderRightStyleSintaxe

Retorne a propriedade borderRightStyle:

.style.borderRightStyleDefina a propriedade borderRightStyle: object
.style.borderRightStyle = value
Valor Descrição
none Define borda sem borda. Padrão.
hidden Igual a "none", mas exceto ao resolver conflitos de borda de elementos de tabela.
dashed Define a borda tracejada.
solid Define a borda sólida.
double Define duas bordas. A largura das duas bordas é igual ao valor de border-width.
groove Define a borda 3D sulcada. O efeito depende de border-color os valores.
ridge Define a borda 3D ondulada. O efeito depende de border-color os valores.
inset Define a borda 3D inset. O efeito depende de border-color os valores.
outset Define a borda 3D outset. O efeito depende de border-color os valores.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: Nenhum
Retorno: Stringa que representa o estilo da borda direita do elemento.
Versão do CSS: CSS1

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte