Propriedade borderRight do estilo

Definição e uso

borderRight Propriedades definidas na forma abreviada ou retornadas para definir ou retornar até três propriedades de borda direita separadas.

Através dessa propriedade, você pode definir/retornar uma das seguintes opções (em qualquer ordem):

Veja também:

Tutoriais de CSS:Borda CSS

Manual do CSS:Propriedade border-right

Manual do HTML DOM:Propriedade border

Exemplo

Exemplo 1

Adicione uma borda direita ao elemento <div>:

document.getElementById("myDiv").style.borderRight = "thick solid #0000FF";

Experimente você mesmo

Exemplo 2

Mude a largura, estilo e cor da borda direita do elemento <div>:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Experimente você mesmo

Exemplo 3

Retorne o valor da propriedade border-right do elemento <div>:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade borderRight:

object.style.borderRight

Defina a propriedade borderRight:

object.style.borderRight = "width style color|initial|inherit"

Valor da propriedade

Valor Descrição
width Defina a largura da borda direita.
style Defina o estilo da borda direita.
color Defina a cor da borda direita.
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: Não especificado
Retorno: Cadeia de caracteres que representa a largura, estilo e/ou cor 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