Sifa margin-top

Sifa margin-top inaweka nafasi ya nje ya juu ya kipengele. Thamani ya sifa inaweza kuwa vipimo vyovyote vya saizi au sifa muhimu auto, inayomruhusua kivinjari kukokotoa nafasi ya kipengele peke yake.

Ki sintaksia

csskichagua {
  margin-top: thamani;
}

Mfano

Tuweke nafasi ya nje ya juu kwa kuzuia kuwa 50px:

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-top: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Angalia pia

  • sifa margin-bottom,
    inayoweka nafasi ya nje ya chini
  • sifa margin-left,
    inayoweka nafasi ya nje ya kushoto
  • sifa margin-right,
    inayoweka nafasi ya nje ya kulia
  • sifa margin,
    inayokuwa kifupi cha nafasi ya nje
  • sifa padding,
    inayoweka nafasi ya ndani