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(--gap-0) !important; /* 0px */ |
margin-top:1 | m-top:1 mt:1 | margin-top: var(--gap-1) !important; /* 4px */ |
margin-top:2 | m-top:2 mt:2 | margin-top: var(--gap-2) !important; /* 8px */ |
margin-top:3 | m-top:3 mt:3 | margin-top: var(--gap-3) !important; /* 12px */ |
margin-top:4 | m-top:4 mt:4 | margin-top: var(--gap-4) !important; /* 16px */ |
margin-top:5 | m-top:5 mt:5 | margin-top: var(--gap-5) !important; /* 20px */ |
margin-top:6 | m-top:6 mt:6 | margin-top: var(--gap-6) !important; /* 24px */ |
margin-top:7 | m-top:7 mt:7 | margin-top: var(--gap-7) !important; /* 28px */ |
margin-top:8 | m-top:8 mt:8 | margin-top: var(--gap-8) !important; /* 32px */ |
margin-top:9 | m-top:9 mt:9 | margin-top: var(--gap-9) !important; /* 36px */ |
margin-top:10 | m-top:10 mt:10 | margin-top: var(--gap-10) !important; /* 40px */ |
기본 여백 크기 var(--gap)
설정과 관련된 내용은 여기를 참고해주세요.