Atributo border-right-width CSS

Definição e uso

A propriedade border-right-width define a largura da borda direita do elemento.

Funciona apenas quando o estilo da borda não for none. Se o estilo da borda for none, a largura da borda será realmente resetada para 0. Não é permitido especificar valores negativos de comprimento.

Notas:Sempre declare a propriedade border-style antes da propriedade border-right-width. O elemento só pode mudar a largura da borda após obter a borda. Se o estilo da borda for none, a largura da borda será resetada para 0. Não é permitido especificar valores negativos de comprimento.

Veja também:

Tutorial do CSS:Borda do CSS

Manual do CSS:Propriedade border-right

Manual do HTML DOM:Propriedade borderRightWidth

Exemplo

Configurar a largura da borda direita:

p
  {
  border-style:solid;
  border-right-width:15px;
  }

Experimente você mesmo

Sintaxe do CSS

border-right-width: medium|thin|thick|length|initial|inherit;

Valor da propriedade

Valor Descrição
thin Define uma borda direita fina.
medium Valor padrão. Define uma borda direita média.
thick Define uma borda direita grossa.
length Permite que você personalize a largura da borda direita.
inherit Define que a largura da borda deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: medium
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.borderRightWidth="thick"

Mais exemplos

Configurar a largura da borda direita
Este exemplo demonstra como configurar a largura da borda direita.

Suporte do navegador

Os números na tabela indicam a primeira 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".