Propriété margin-top

La propriété margin-top définit la marge externe supérieure d'un élément. Les valeurs de la propriété peuvent être n'importe quelle unité de taille ou le mot-clé auto, qui permet au navigateur de calculer automatiquement la marge de l'élément.

Syntaxe

csssélecteur {
  margin-top: valeur;
}

Exemple

Définissons une marge externe supérieure de 50px pour un bloc :

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

Результат:

Voir aussi

  • la propriété margin-bottom,
    qui définit la marge externe inférieure
  • la propriété margin-left,
    qui définit la marge externe gauche
  • la propriété margin-right,
    qui définit la marge externe droite
  • la propriété margin,
    qui est un raccourci pour les marges externes
  • la propriété padding,
    qui définit la marge interne