A margin-bottom tulajdonság

A margin-bottom tulajdonság az elem alsó külső margóját állítja be. A tulajdonság értéke bármely mértékegység a méretekhez vagy a auto kulcsszó, amely lehetővé teszi a böngésző számára, hogy önállóan számítsa ki az elem margóját.

Szintaxis

cssszelektor {
  margin-bottom: érték;
}

Példa

Állítsuk be a blokk alsó külső margóját 50px-re:

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

Результат:

Lásd még