Propriedade right do estilo

Definição e uso

right Propriedade que define ou retorna a posição direita do elemento de alinhamento.

Essa propriedade determina a posição direita do elemento, incluindo a margem interna, a barra de rolagem, a borda e a margem externa.

Dica：O elemento de alinhamento é definido como position atributo:relative、absolute ou fixed do elemento.

Dica：Para definir ou retornar a posição esquerda do elemento de alinhamento, use Propriedade left。

Veja também：

Tutorial de CSS：Alinhamento CSS

Manual de referência do CSS：Propriedade right

Exemplo

Exemplo 1

Defina a posição direita do elemento <div>:

document.getElementById("myDIV").style.right = "100px";

Experimente você mesmo

Exemplo 2

Use valores negativos - defina a posição direita do elemento <div>:

document.getElementById("myDiv").style.right = "-100px";

Experimente você mesmo

Exemplo 3

Retorna a posição direita do elemento <div>:

alert(document.getElementById("myDiv").style.right);

Experimente você mesmo

Sintaxe

Retornar propriedade right:

objeto.style.right

Definir propriedade right:

objeto.style.right = "auto|length|%|initial|inherit"

Valor da propriedade

Valor Descrição
auto Deixe o navegador definir a posição direita. Padrão.
length Defina a posição direita com unidades de comprimento. Permite valores negativos.
% Defina a posição direita em porcentagem da largura do elemento pai.
initial Defina essa propriedade como seu valor padrão. Veja initial。
inherit Herda essa propriedade do elemento pai. Veja inherit。

Detalhes técnicos

Valor padrão: auto
Retorno: Stringo, que representa a posição direita do elemento de alinhamento.
Versão do CSS： CSS2

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte