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