CSS margin

margin

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

문법

margin : length ㅣ & ㅣ auto

정의

  • margin-top 속성은 요소의 위쪽 바깥쪽 여백을 설정
  • margin-rigft 속성은 요소의 오른쪽 바깥쪽 여백 설정
  • margin-bottom 속성은 요소의 아래쪽 바깥쪽 여백을 설정
  • margin-left 속성은 요소의 왼쪽 바깥쪽 여백을 설정

예제

margin-top: 10px;                           /*위 10px
margin-right: 11px;                         /*오른쪽 11px
margin-bottom: 12px;                   /*아래쪽 12px
margin-left: 13px;                           /* 왼쪽 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;                               /* 가운데 정렬(블록구조) */