CSS margin

margin

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

문법

margin:
auto;, 0%;, 0ch;, 0cm;, 0em;, 0ex;, 0fr;, 0in;, 0mm;, 0pc;, 0pt;, 0px;, 0rem;, 0vh;, 0vmax;, 0vmin;, 0vw;
margin-
top:, left:, bottom:, right:, block-end:, block-start:, inline-end:, inline-start:, block:, inline:, trim:
속성 설명
margin
  • 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;
  • 가운데
  • 정의

    속성 설명
    margin margin 속성은 바깥쪽 여백을 설정합니다.
    margin-top margin-top 속성은 바깥쪽 여백의 아래쪽 속성을 설정합니다.
    margin-left margin-left 속성은 바깥쪽 여백의 왼쪽 속성을 설정합니다.
    margin-bottom margin-bottom 속성은 바깥쪽 여백의 아래쪽 속성을 설정합니다.
    margin-right margin-right 속성은 바깥쪽 여백의 오른쪽 속성을 설정합니다.
    margin-block-end margin-block-end 속성은
    margin-block-start margin-block-start 속성은
    margin-inline-end margin-inline-end 속성은
    margin-inline-end margin-inline-end 속성은
    margin-inline-start margin-inline-start 속성은
    margin-block margin-block 속성은
    margin-inline margin-inline 속성은
    margin-trim margin-trim 속성은