right

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;