CSS margin

margin

margin 속성은 요소의 바깥쪽 여백을 설정합니다.

문법

margin: length ㅣ % ㅣ auto

정의

  • margin-top 속성은 요소의 위쪽 바깥쪽 여백을 설정
  • margin-right 속성은 요소의 오른쪽 바깥쪽 여백을 설정
  • margin-bottom 속성은 요소의 아래쪽 바깥쪽 여백을 설정
  • margin-left 속성은 요소의 왼쪽 바깥쪽 여백을 설정
  • margin-top: 10px; : 요소의 위쪽 바깥쪽 여백을 설정
  • margin-right: 11px; : 요소의 오른쪽 바깥쪽 여백을 설정
  • margin-bottom: 12px; : 요소의 아래쪽 바깥쪽 여백을 설정
  • margin-left: 13px; : 요소의 왼쪽 바깥쪽 여백을 설정
  • margin : 10px : 위,오른쪽,아래,왼쪽 10px
  • margin : 10px 11px : 위,아래 10px ㅣ 왼쪽,오른쪽 11px
  • margin : 10px 11px 12px : 위10px ㅣ 왼쪽,오른쪽 11px ㅣ 아래 12px
  • margin : 10px 11px 12px 13px : 위 10px ㅣ 오른쪽 11pxㅣ 아래 12px ㅣ 왼쪽 13px
  • margin : auto : 자동값, 기본값
  • margin : 0 auto : 가운데 정렬(블록구조)