margin

margin

margin 속성은 대상의 외부 여백을 설정할 때 사용한다.

부여할 수 있는 크기와 관련된 정보는 다음 문서를 참고한다.

크기(size)

• margin을 1개 부여할 경우 top, bottom, left, right에 적용된다.

• margin을 2개 부여할 경우 top, bottom / left, right에 적용된다.

• margin을 3개 이상 부여할 경우 top부터 시계방향으로 부여된다(top, right, bottom, left)

• 위 영역의 margin-bottom과 아래 영역의 margin-top은 서로 상쇄된다.

• margin을 다음 키워드로 방향 별로 부여할 수 있다.

  • margin-top

  • margin-bottom

  • margin-left

  • margin-right

주의사항

margin은 폭에 영향을 미치기 때문에 margin-left, margin-right를 부여할 때는 폭을 고려해야 한다.