Svojstvo margin-bottom

Svojstvo margin-bottom postavlja spoljni odstup od dna elementa. Vrednošću svojstva služe bilo koje jedinice za veličine ili ključna reč auto, koja omogućava pretraživaču da samostalno izračunava odstup elementa.

Sintaksa

cssselektor {
  margin-bottom: vrednost;
}

Primer

Postavićemo bloku spoljni odstup od dna u 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;
}

Результат:

Pogledajte takođe

  • svojstvo margin-top,
    koje zadaje spoljni odstup odozgo
  • svojstvo margin-left,
    koje zadaje spoljni odstup sa leve strane
  • svojstvo margin-right,
    koje zadaje spoljni odstup sa desne strane
  • svojstvo margin,
    koje je skraćeni zapis za spoljni odstup
  • svojstvo padding,
    koje zadaje unutrašnji odstup