margin-top 속성
margin-top 속성은 요소의 상단 외부 여백을 설정합니다.
속성 값은 크기 단위
또는 브라우저가 요소의 여백을 자체적으로 계산하도록 하는
키워드 속성 auto입니다.
문법
선택자 {
margin-top: 값;
}
예제
블록에 상단 외부 여백을 50px로 설정해 보겠습니다:
<div id="parent">
<div id="elem"></div>
</div>
#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
