margin-bottom 속성
margin-bottom 속성은 요소의 아래쪽 바깥 여백을 설정합니다.
속성 값으로는 크기 단위
또는 브라우저가 요소의 여백을 자동으로 계산하도록 하는 키워드 속성 auto를 사용할 수 있습니다.
구문
선택자 {
margin-bottom: 값;
}
예제
블록에 아래쪽 바깥 여백을 50px로 설정해 보겠습니다:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
같이 보기
-
위쪽 바깥 여백을 설정하는 속성
margin-top,
-
왼쪽 바깥 여백을 설정하는 속성
margin-left,
-
오른쪽 바깥 여백을 설정하는 속성
margin-right,
-
바깥 여백을 축약하여 설정하는 속성
margin,
-
안쪽 여백을 설정하는 속성
padding,
