scroll-padding-right
스크롤 컨테이너의 오른쪽 패딩을 설정하여 스크롤 스냅 위치를 조정합니다. 가로 스크롤에서 오른쪽 가장자리에 여유 공간을 확보합니다.
클래스 목록
패턴: spr{값}{단위}
| 클래스 | CSS | 설명 |
|---|---|---|
spr0 | scroll-padding-right: 0 | 스크롤 패딩 없음 |
spr8px | scroll-padding-right: 8px | 8px 패딩 |
spr16px | scroll-padding-right: 16px | 16px 패딩 |
spr2rem | scroll-padding-right: 2rem | 20px 패딩 |
spr4rem | scroll-padding-right: 4rem | 40px 패딩 |
사용 예시
<!-- 가로 스크롤 컨테이너에 오른쪽 패딩 -->
<div class="spr2rem oxa df gap16px">
<div class="fs0 w28rem bg18181B p2rem br8px">Card 1</div>
<div class="fs0 w28rem bg18181B p2rem br8px">Card 2</div>
<div class="fs0 w28rem bg18181B p2rem br8px">Card 3</div>
</div>