Eienskap margin-bottom

Die eienskap margin-bottom stel die eksterne spasie onder die element in. Die waarde van die eienskap kan enige eenhede vir groottes wees of die sleutelwoordeienskap auto, wat die blaaier toelaat om die spasie van die element outomaties te bereken.

Sintaksis

cssselektor {
  margin-bottom: waarde;
}

Voorbeeld

Laat ons eksterne spasie onder die blok in 50px stel:

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

Результат:

Kyk ook

  • die eienskap margin-top,
    wat eksterne spasie bo stel
  • die eienskap margin-left,
    wat eksterne spasie links stel
  • die eienskap margin-right,
    wat eksterne spasie regs stel
  • die eienskap margin,
    wat die afkorting vir eksterne spasie is
  • die eienskap padding,
    wat interne spasie stel