margin-top

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

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

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

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