margin-top сипаттамасы

margin-top сипаттамасы элементтің жоғарғы сыртқы шегін белгілейді. Сипаттаманың мәні ret кез келген өлшем бірліктері немесе браузерге элементтің шегін өздігінен есептеу мүмкіндігін беретін 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;
}

Результат:

Сондай-ақ қараңыз

  • margin-bottom сипаттамасы,
    ол төменгі сыртқы шегін белгілейді
  • margin-left сипаттамасы,
    ол сол жақ сыртқы шегін белгілейді
  • margin-right сипаттамасы,
    ол оң жақ сыртқы шегін белгілейді
  • margin сипаттамасы,
    ол сыртқы шек үшін қысқарту болып табылады
  • padding сипаттамасы,
    ол ішкі шекті белгілейді