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