English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

regras CSS (RULES)

大全 de propriedades CSS

Borda do CSS-right-Método de uso e exemplo da propriedade color

border-right-A propriedade color do CSS é usada para definir a cor da borda direita do elemento. No entanto, em muitos casos, comoborder-colorouborder-rightEssa propriedade CSS abreviada é mais conveniente e recomendável de usar.

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso nessa propriedade no script JavaScript.

Valor padrão:colorValores da propriedade
Aplicável a:Todos os elementos
Herança:Não
Animável:Sim.Veja referência Propriedade de animação
Versão:CSS 1,2,3
Sintaxe JavaScript:object object.style.borderRightColor="red"

border-right-Sintaxe de uso da color

A sintaxe dessa propriedade é a seguinte:

border-right-color: color | transparent | initial | inherit

Os exemplos a seguir demonstram como usar border-right-Propriedade color.

  p {
   border-style: solid;
   border-right-color: #ff0000;
  }
Teste e veja‹/›

Atenção:Você deve estarborder-styleA propriedade deve declarar border antes-bottom-A propriedade width. O elemento deve ter borda antes de poder definir a largura da borda, porque aborder-styleO valor padrão dessa propriedade é none.

Valores da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
colorEspecifica a cor da borda direita. VejaValores de cor do CSSpara obter uma lista de possíveis valores de cor.
transparentPermite que a borda seja transparente, mesmo que possa ocuparborder-widthEspaço definido pela propriedade.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado adota a borda do elemento pai-right-Valores da propriedade color.

Compatibilidade do navegador

border-right-Compatibilidade do navegador com a propriedade color, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Veja o tutorial:Borda do CSSCSS3 Border

Propriedades relacionadas:borderborder-colorborder-rightborder-right-style
border-right-width