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

Результат:

같이 보기