Atributo border-right-style CSS

Definição e uso

border-right-style define o estilo da borda direita do elemento.

A borda só pode aparecer quando este valor não for none.

No CSS1, o agente de usuário do HTML precisa suportar apenas solid e none.

Veja também:

Tutorial do CSS:Borda do CSS

Manual do CSS:Propriedade border-right

Manual do HTML DOM:Propriedade borderRightStyle

Exemplo

Configurar o estilo da borda direita:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

Experimente você mesmo

Sintaxe do CSS

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor do atributo

Valor Descrição
none Define borda sem borda.
hidden É o mesmo que "none", exceto quando aplicado a tabelas, para as quais "hidden" é usado para resolver conflitos de borda.
dotted Define linha pontilhada. Em muitos navegadores, é exibida como linha sólida.
dashed Define linha pontilhada. Em muitos navegadores, é exibida como linha sólida.
solid Define linha sólida.
double Define linhas duplas. A largura das linhas é igual ao valor de border-width.
groove Define a borda 3D sulcada. Seu efeito depende do valor de border-color.
ridge Define a borda 3D ondulada. Seu efeito depende do valor de border-color.
inset Define a borda 3D inset. Seu efeito depende do valor de border-color.
outset Define a borda 3D outset. Seu efeito depende do valor de border-color.
inherit Define que a borda deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: no
Versão: CSS1
Sintaxe do JavaScript: object.style.borderRightStyle="dotted"

Mais exemplos

Configurar o estilo da borda direita
Este exemplo demonstra como configurar o estilo 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