right 속성에 대한 유틸리티입니다.
요소의 수평 위치를 지정합니다. 이 속성은 position이 지정되지 않은 요소들에는 영향을 미치지 않습니다.
변수 --right, --right-percent는 여기를 참고해주세요.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
right:0 |
right: 0 !important; /* 0 */ | |
right:1 |
right: var(--right-1) !important; /* 0 */ | |
right:2 |
right: var(--right-2) !important; /* 100px */ | |
right:3 |
right: var(--right-3) !important; /* 200px */ | |
right:4 |
right: var(--right-4) !important; /* 300px */ | |
right:5 |
right: var(--right-5) !important; /* 400px */ | |
right:6 |
right: var(--right-6) !important; /* 500px */ | |
right:7 |
right: var(--right-7) !important; /* 600px */ | |
right:8 |
right: var(--right-8) !important; /* 700px */ | |
right:9 |
right: var(--right-9) !important; /* 800px */ | |
right:10 |
right: var(--right-10) !important; /* 900px */ | |
right:1p |
right: var(--right-percent-1) !important; /* 10% */ | |
right:2p |
right: var(--right-percent-2) !important; /* 20% */ | |
right:3p |
right: var(--right-percent-3) !important; /* 30% */ | |
right:4p |
right: var(--right-percent-4) !important; /* 40% */ | |
right:5p |
right: var(--right-percent-5) !important; /* 50% */ | |
right:6p |
right: var(--right-percent-6) !important; /* 60% */ | |
right:7p |
right: var(--right-percent-7) !important; /* 70% */ | |
right:8p |
right: var(--right-percent-8) !important; /* 80% */ | |
right:9p |
right: var(--right-percent-9) !important; /* 90% */ | |
right:10p |
right: var(--right-percent-10) !important; /* 100% */ | |
right:1/2 |
right: 50% !important; | |
right:1/3 |
right: 33% !important; | |
right:2/3 |
right: 66% !important; | |
right:1/4 |
right: 25% !important; | |
right:2/4 |
right: 50% !important; | |
right:3/4 |
right: 75% !important; | |
right:1/5 |
right: 20% !important; | |
right:2/5 |
right: 40% !important; | |
right:3/5 |
right: 60% !important; | |
right:4/5 |
right: 80% !important; | |
right:-1 |
right: calc(var(--right-1) * -1) !important; /* 0 */ | |
right:-2 |
right: calc(var(--right-2) * -1) !important; /* -100px */ | |
right:-3 |
right: calc(var(--right-3) * -1) !important; /* -200px */ | |
right:-4 |
right: calc(var(--right-4) * -1) !important; /* -300px */ | |
right:-5 |
right: calc(var(--right-5) * -1) !important; /* -400px */ | |
right:-6 |
right: calc(var(--right-6) * -1) !important; /* -500px */ | |
right:-7 |
right: calc(var(--right-7) * -1) !important; /* -600px */ | |
right:-8 |
right: calc(var(--right-8) * -1) !important; /* -700px */ | |
right:-9 |
right: calc(var(--right-9) * -1) !important; /* -800px */ | |
right:-10 |
right: calc(var(--right-10) * -1) !important; /* -900px */ | |
right:-1p |
right: calc(var(--right-percent-1) * -1) !important; /* -10% */ | |
right:-2p |
right: calc(var(--right-percent-2) * -1) !important; /* -20% */ | |
right:-3p |
right: calc(var(--right-percent-3) * -1) !important; /* -30% */ | |
right:-4p |
right: calc(var(--right-percent-4) * -1) !important; /* -40% */ | |
right:-5p |
right: calc(var(--right-percent-5) * -1) !important; /* -50% */ | |
right:-6p |
right: calc(var(--right-percent-6) * -1) !important; /* -60% */ | |
right:-7p |
right: calc(var(--right-percent-7) * -1) !important; /* -70% */ | |
right:-8p |
right: calc(var(--right-percent-8) * -1) !important; /* -80% */ | |
right:-9p |
right: calc(var(--right-percent-9) * -1) !important; /* -90% */ | |
right:-10p |
right: calc(var(--right-percent-10) * -1) !important; /* -100% */ | |
right:-1/2 |
right: calc(50% * -1) !important; | |
right:-1/3 |
right: calc(33% * -1) !important; | |
right:-2/3 |
right: calc(66% * -1) !important; | |
right:-1/4 |
right: calc(25% * -1) !important; | |
right:-2/4 |
right: calc(50% * -1) !important; | |
right:-3/4 |
right: calc(75% * -1) !important; | |
right:-1/5 |
right: calc(20% * -1) !important; | |
right:-2/5 |
right: calc(40% * -1) !important; | |
right:-3/5 |
right: calc(60% * -1) !important; | |
right:-4/5 |
right: calc(80% * -1) !important; |