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

Manual de referência CSS

Regras de CSS @

大全 de Atributos CSS

CSS border-right-Método de uso e exemplo da propriedade width

border-right-A propriedade width CSS define a largura da borda direita do elemento separadamente. No entanto, em muitos casos, como   border-widthouborder-right Essa propriedade CSS abreviada é mais conveniente e preferível de usar.

A tabela a seguir fornece uma descrição do uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:medium
Aplicável a:Todos os elementos
Herança:Não
Animável:Sim.Por favor, consulte Propriedade de animação
Versão:CSS 1,2,3
Sintaxe JavaScript:    
object.style.borderRightWidth="thick"

border-right-Sintaxe de uso da width

A sintaxe dessa propriedade é a seguinte:

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

Os exemplos a seguir mostram como usar a propriedade border-right-propriedade width.

  p {
   border-style: solid;
   border-right-width: 15px;
  }
Teste e veja‹/›

Atenção:Você deve especificar o border-bottom-propriedade width antes da declaraçãoborder-stylePropriedade. O elemento deve ter uma 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
thinBorda fina
mediumBorda média
thickBorda grossa
lengthValores de comprimento em unidades como px, pt, cm, em, etc., mas não permite valores negativos.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado adota o border do elemento pai-right-O valor da propriedade width.

Compatibilidade do navegador

border-right-A compatibilidade do navegador para a propriedade width, os números na tabela a seguir representam a versão mais baixa 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

Por favor, consulte o seguinte tutorial:CSS Border

Relacionadas propriedades:borderborder-widthborder-rightborder-right-color
border-right-style