Propriedade marginRight

Definição e uso

marginRight definem ou retornam a margem direita do elemento.

Propriedade margin e Propriedade padding Insere espaço ao redor do elemento. No entanto, a diferença está em que a margem insere espaço ao redor da borda, enquanto o preenchimento insere espaço dentro da borda do elemento.

Veja também:

Tutorial de CSS:Margem externa do CSS

Manual do CSS:Propriedade margin-right

Manual do HTML DOM:Propriedade margin

Exemplo

Exemplo 1

Defina a margem direita do elemento <div>:

document.getElementById("myDiv").style.marginRight = "50px";

Experimente você mesmo

Exemplo 2

Volte a margem direita do elemento <div> para "normal":

document.getElementById("myDiv").style.marginRight = "0px";

Experimente você mesmo

Exemplo 3

Retorna a margem direita do elemento <div>:

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

Experimente você mesmo

Exemplo 4

Diferença entre marginRight e paddingRight:

function changeMargin() {
  document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingRight = "200px";
}

Experimente você mesmo

Sintaxe

Retorne a propriedade marginRight:

object.style.marginRight

Defina a propriedade marginRight:

object.style.marginRight = "%|length|auto|initial|inherit"

Valor da propriedade

Valor Descrição
% Defina a margem direita como uma porcentagem da largura do elemento pai.
length Defina a margem direita usando uma unidade de comprimento.
auto O navegador define a margem direita.
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: 0
Retorno: Cadeia de caracteres, que representa a margem direita externa do elemento.
Versão do CSS： CSS1

Navegador suporta

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