CSS 기초 강좌 - 8강. 바깥 여백[margin]을 정해보자.

margin은 안쪽 여백이 아니라 바깥 여백입니다.

margin-top

margin-right

margin-bottom

margin-left

바깥 여백을 정할 수 있습니다. 세부적으로 한개 씩 정할 수 있습니다.
예제) 

margin-top:10px;
margin-right:2em;
margin-bottom:100%
margin-left:0 

margin

margin-top, margin-right 등을 모두 정할 수 있습니다.

margin에 적는 갯수에 따라...
margin:10px => 모든 바깥 여백을 10px으로
margin:10px 5px => 상하 10px, 좌우 5px으로
margin:10px 5px 2px  => 상 10px, 좌우 5px, 하 2px
margin:1px 2px 3px 4px => 상  1px, 우 2px, 하 3px, 좌 4px => 즉, 시계 방향으로 돌아갑니다.