Propriedade margin-bottom

A propriedade margin-bottom define a margem inferior externa de um elemento. Os valores da propriedade podem ser quaisquer unidades de tamanho ou a propriedade-chave auto, que permite ao navegador calcular a margem do elemento automaticamente.

Sintaxe

cssseletor {
  margin-bottom: valor;
}

Exemplo

Vamos definir uma margem inferior externa de 50px para um bloco:

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-bottom: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Veja também

  • a propriedade margin-top,
    que define a margem superior externa
  • a propriedade margin-left,
    que define a margem esquerda externa
  • a propriedade margin-right,
    que define a margem direita externa
  • a propriedade margin,
    que é uma abreviação para as margens externas
  • a propriedade padding,
    que define o preenchimento interno