Vlastnosť margin-top

Vlastnosť margin-top nastavuje vonkajší odstup zhora prvku. Hodnotou vlastnosti sú ľubovoľné jednotky pre veľkosti alebo kľúčová vlastnosť auto, ktorá umožňuje prehliadaču samostatne vypočítať odstup prvku.

Syntax

cssselektor {
  margin-top: hodnota;
}

Príklad

Nastavíme bloku vonkajší odstup zhora na 50px:

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

Результат:

Pozrite tiež

  • vlastnosť margin-bottom,
    ktorá nastavuje vonkajší odstup zdola
  • vlastnosť margin-left,
    ktorá nastavuje vonkajší odstup zľava
  • vlastnosť margin-right,
    ktorá nastavuje vonkajší odstup sprava
  • vlastnosť margin,
    ktorá je skratkou pre vonkajší odstup
  • vlastnosť padding,
    ktorá nastavuje vnútorný odstup