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

manual de referência CSS

regras CSS @

大全 de atributos CSS

Método de uso e exemplo do atributo right do CSS

O atributo right CSS especifica o offset da margem direita do elemento alinhado em relação ao bloco da referência ou à margem direita da janela do navegador.

  • ParaAlinhamento absolutoElemento, a propriedade right especifica o deslocamento da margem direita do bloco do elemento para a margem direita do bloco contido.

  • ParaAlinhamento relativoElemento, a propriedade right especifica o offset da margem direita do bloco do elemento em relação à margem direita do bloco contido (isto é, define a posição normal do bloco, e então se desloca com base nestes atributos a partir dessa posição).

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

Valor padrão:auto
Aplicável a:Elemento alinhado
Herança:Não
Animável:Sim.Por favor, consulte: Propriedade de animação
Versão:CSS 2、3
Sintaxe JavaScript:object.style.right="150px"

Sintaxe de uso do right

A sintaxe dessa propriedade é a seguinte:

right: length | percentage | auto | initial | inherit

O exemplo a seguir demonstra como usar o atributo right.

  p {
   position: absolute;
   right: 150px;
  }
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
lengthValores numéricos em unidades como px, pt, cm, em, etc., permitindo valores negativos.
percentageEspecifique a offset percentual. Calculado como porcentagem da largura do bloco contido do elemento. Permite valores percentuais negativos.
autoO navegador calcula a posição da margem direita. Isso é o valor padrão.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado adota o valor da propriedade right do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo right; os números na tabela 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 6+

Leia mais

Por favor, consulte as seguintes instruções:Posição CSSCamada CSS

Propriedades relacionadas:positiontopleftbottomz-index