Propriedade margin-top

A propriedade margin-top define a margem externa superior do 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-top: valor;
}

Exemplo

Vamos definir uma margem externa superior 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-top: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Veja também

  • a propriedade margin-bottom,
    que define a margem externa inferior
  • a propriedade margin-left,
    que define a margem externa esquerda
  • a propriedade margin-right,
    que define a margem externa direita
  • a propriedade margin,
    que é uma abreviação para margens externas
  • a propriedade padding,
    que define a margem interna