Skip to content

margin-top

margin-top 속성에 대한 유틸리티입니다.

요소 위쪽의 여백 영역(margin area)의 크기를 설정합니다.

클래스약어 클래스속성
margin-top:autom-top:auto
mt:auto
margin-top: auto !important;
margin-top:0m-top:0
mt:0
margin-top: var(--gap-0) !important; /* 0px */
margin-top:1m-top:1
mt:1
margin-top: var(--gap-1) !important; /* 4px */
margin-top:2m-top:2
mt:2
margin-top: var(--gap-2) !important; /* 8px */
margin-top:3m-top:3
mt:3
margin-top: var(--gap-3) !important; /* 12px */
margin-top:4m-top:4
mt:4
margin-top: var(--gap-4) !important; /* 16px */
margin-top:5m-top:5
mt:5
margin-top: var(--gap-5) !important; /* 20px */
margin-top:6m-top:6
mt:6
margin-top: var(--gap-6) !important; /* 24px */
margin-top:7m-top:7
mt:7
margin-top: var(--gap-7) !important; /* 28px */
margin-top:8m-top:8
mt:8
margin-top: var(--gap-8) !important; /* 32px */
margin-top:9m-top:9
mt:9
margin-top: var(--gap-9) !important; /* 36px */
margin-top:10m-top:10
mt:10
margin-top: var(--gap-10) !important; /* 40px */

기본 여백 크기 var(--gap) 설정과 관련된 내용은 여기를 참고해주세요.