Propriedade CSS right

Definição e uso

A propriedade right define a margem direita do elemento. Esta propriedade define o deslocamento da margem externa direita do elemento de alinhamento da margem direita do bloco contido.

Nota:Se o valor da propriedade position for "static", a definição da propriedade right não terá efeito.

Descrição

Para elementos estáticos, é auto; para valores de comprimento, é o comprimento absoluto correspondente; para valores percentuais, é o valor especificado; de outra forma, é auto.

Para elementos definidos relativamente, o valor calculado para left é sempre igual a right.

Veja também:

Tutorial CSS:Posicionamento CSS

Manual do DOM HTML:Propriedade right

Exemplo

Defina a margem direita da imagem para 5 pixels à esquerda da margem direita do elemento contido:

img
  {
  position:absolute;
  right:5px;
  }

Experimente você mesmo

Sintaxe do CSS

right: auto|length|initial|inherit;

Valor da propriedade

Valor Descrição
auto Valor padrão. A posição da margem direita é calculada pelo navegador.
% Definir a posição direita do elemento em porcentagem do tamanho do elemento contido. Pode usar valores negativos.
length Definir a posição direita do elemento usando unidades como px, cm, etc. Pode usar valores negativos.
inherit Define que o valor da propriedade right deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: auto
Herança: não
Versão: CSS2
Sintaxe do JavaScript: object.style.right="50px"

Mais exemplos

Definir a margem direita da imagem usando valores fixos
Este exemplo demonstra como usar valores fixos para definir a margem direita da imagem.
Definir a margem direita da imagem usando porcentagens
Este exemplo demonstra como usar porcentagens para definir a margem direita da imagem.

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 5.5 1.0 1.0 5.0