თვისება margin-top

თვისება margin-top ადგენს ელემენტის ზედა გარე ველს. თვისების მნიშვნელობა შეიძლება იყოს ნებისმიერი ზომის ერთეული ან საკვანძო სიტყვა auto, რომელიც ბრაუზერს საშუალებას აძლევს დამოუკიდებლად გამოთვალოს ელემენტის ველი.

სინტაქსი

cssსელექტორი {
  margin-top: მნიშვნელობა;
}

მაგალითი

მოდით, ბლოკს მივანიჭოთ ზედა გარე ველი 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;
}

Результат:

ასევე იხილეთ