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