Atributo marginBottom do estilo

Definição e uso

marginBottom definem ou retornam a margem inferior externa do elemento.

Propriedade margin e Propriedade padding Tudo adiciona espaço ao redor do elemento. Mas, a diferença está em que margin adiciona espaço ao redor da borda, enquanto padding adiciona espaço dentro da borda do elemento.

Veja também:

Tutorial do CSS:Margem externa do CSS

Manual do CSS:Propriedade margin-bottom

Manual do HTML DOM:Propriedade margin

Exemplo

Exemplo 1

Definir a margem inferior externa do elemento <div>:

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

Experimente você mesmo

Exemplo 2

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

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

Experimente você mesmo

Exemplo 3

Retorna a margem inferior externa do elemento <div>:

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

Experimente você mesmo

Exemplo 4

Diferença entre marginBottom e paddingBottom:

function changeMargin() {
  document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingBottom = "100px";
}

Experimente você mesmo

Sintaxe

Retornar marginBottom propriedade:

object.style.marginBottom

Definir marginBottom propriedade:

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

Valor da propriedade

Valor Descrição
% Defina a margem inferior externa como uma porcentagem da largura do elemento pai.
length Defina a margem inferior externa usando uma unidade de comprimento.
auto configurações do navegador para a margem inferior externa.
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: 0
Retorno: Cadeia de caracteres, que representa a margem inferior externa do elemento.
Versão do CSS: CSS1

Suporte ao navegador

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