margin
margin 속성에 대한 유틸리티입니다.
요소의 네 면에 대해 여백 영역(margin area)의 크기를 설정합니다.
클래스 | 약어 클래스 | 속성 |
---|---|---|
margin:auto | m:auto | margin: auto !important; |
margin:0 | m:0 | margin: var(--gap-0) !important; /* 0px */ |
margin:1 | m:1 | margin: var(--gap-1) !important; /* 4px */ |
margin:2 | m:2 | margin: var(--gap-2) !important; /* 8px */ |
margin:3 | m:3 | margin: var(--gap-3) !important; /* 12px */ |
margin:4 | m:4 | margin: var(--gap-4) !important; /* 16px */ |
margin:5 | m:5 | margin: var(--gap-5) !important; /* 20px */ |
margin:6 | m:6 | margin: var(--gap-6) !important; /* 24px */ |
margin:7 | m:7 | margin: var(--gap-7) !important; /* 28px */ |
margin:8 | m:8 | margin: var(--gap-8) !important; /* 32px */ |
margin:9 | m:9 | margin: var(--gap-9) !important; /* 36px */ |
margin:10 | m:10 | margin: var(--gap-10) !important; /* 40px */ |
기본 여백 크기 var(--gap)
설정과 관련된 내용은 여기를 참고해주세요.