Atributo border-right do CSS

Definição e uso

A propriedade abreviada border-right coloca todas as propriedades da borda direita em uma única declaração.

Propriedades que podem ser definidas em ordem:

Se nenhuma dessas propriedades for definida, não haverá problema, por exemplo, border-right:solid #ff0000; também é permitido.

Veja também:

Tutorial de CSS:Borda CSS

Manual de referência do HTML DOM:Propriedade borderRight

Exemplo

Definir o estilo da borda direita:

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

Experimente você mesmo

Sintaxe do CSS

border-right: border-width border-style border-color|initial|inherit;

Valor da propriedade

Valores Descrição
border-right-width Especifica a largura da borda direita. Veja:border-right-width valores possíveis.
border-right-style Especifica o estilo da borda direita. Veja:border-right-style valores possíveis.
border-right-color Especifica a cor da borda direita. Veja:border-right-color valores possíveis.
inherit Especifica que a propriedade border-right deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.borderRight="3px solid blue"

Mais exemplos

Todas as propriedades da borda direita em uma única declaração
Este exemplo demonstra uma propriedade abreviada que coloca todas as propriedades da borda direita em uma única declaração.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:Os navegadores IE7 e anteriores não suportam o valor "inherit". O IE8 requer !DOCTYPE. O IE9 suporta "inherit".