Proprietà margin-top

La proprietà margin-top imposta il margine esterno superiore di un elemento. I valori accettati dalla proprietà sono qualsiasi unità di misura oppure la parola chiave auto, che lascia al browser il compito di calcolare autonomamente il margine dell'elemento.

Sintassi

cssselettore {
  margin-top: valore;
}

Esempio

Impostiamo un margine esterno superiore di 50px per un blocco:

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;
}

Результат:

Vedi anche

  • la proprietà margin-bottom,
    che imposta il margine esterno inferiore
  • la proprietà margin-left,
    che imposta il margine esterno sinistro
  • la proprietà margin-right,
    che imposta il margine esterno destro
  • la proprietà margin,
    che è una scorciatoia per impostare i margini esterni
  • la proprietà padding,
    che imposta il padding (margine interno)