margin-bottom

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

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

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

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