Savybė margin-top

Savybė margin-top nustato išorinį atitraukimą nuo elemento viršaus. Savybės reikšmė gali būti bet kuris dydžio vienetas arba raktažodis auto, leidžiantis naršyklei savarankiškai apskaičiuoti elemento atitraukimą.

Sintaksė

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

Pavyzdys

Nustatykime bloko išorinį atitraukimą nuo viršaus į 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;
}

Результат:

Taip pat žiūrėkite

  • savybė margin-bottom,
    kuri nustato išorinį atitraukimą nuo apačios
  • savybė margin-left,
    kuri nustato išorinį atitraukimą iš kairės
  • savybė margin-right,
    kuri nustato išorinį atitraukimą iš dešinės
  • savybė margin,
    kuri yra sutrumpinimas išoriniam atitraukimui
  • savybė padding,
    kuri nustato vidinį atitraukimą