Skip to content

padding-bottom

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

요소의 아래쪽 패딩 영역(padding area)의 크기를 설정합니다.

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

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