Savybė margin-bottom

Savybė margin-bottom nustato išorinį atstumą apačioje elemento. Savybės reikšmė gali būti bet kokie dydžių vienetai arba raktožodinė savybė auto, kuri leidžia naršyklei savarankiškai apskaičiuoti elemento atstumą.

Sintaksė

cssselektorius {
  margin-bottom: reikšmė;
}

Pavyzdys

Nustatykime bloko išorinį atstumą apačioje į 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;
}

Результат:

Taip pat žiūrėkite

  • savybė margin-top,
    kuri nustato išorinį atstumą viršuje
  • savybė margin-left,
    kuri nustato išorinį atstumą kairėje
  • savybė margin-right,
    kuri nustato išorinį atstumą dešinėje
  • savybė margin,
    kuri yra sutrumpinimas išoriniam atstumui
  • savybė padding,
    kuri nustato vidinį atstumą