Vlastnost margin-bottom

Vlastnost margin-bottom nastavuje vnější spodní okraj prvku. Hodnotou vlastnosti jsou libovolné jednotky pro velikosti nebo klíčová vlastnost auto, která umožňuje prohlížeči samostatně vypočítat okraj prvku.

Syntaxe

cssselektor {
  margin-bottom: hodnota;
}

Příklad

Nastavme bloku vnější spodní okraj 50px:

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

Результат:

Viz také

  • vlastnost margin-top,
    která nastavuje vnější horní okraj
  • vlastnost margin-left,
    která nastavuje vnější levý okraj
  • vlastnost margin-right,
    která nastavuje vnější pravý okraj
  • vlastnost margin,
    která je zkratkou pro vnější okraje
  • vlastnost padding,
    která nastavuje vnitřní odsazení