Skip to content

padding-left

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

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

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

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