newtil-css

left

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

요소의 수평 위치를 지정합니다. 이 속성은 position이 지정되지 않은 요소들에는 영향을 미치지 않습니다.

변수 --left, --left-percent여기를 참고해주세요.

클래스 약어 클래스 속성
left:0 left: 0 !important; /* 0 */
left:1 left: var(--left-1) !important; /* 0 */
left:2 left: var(--left-2) !important; /* 100px */
left:3 left: var(--left-3) !important; /* 200px */
left:4 left: var(--left-4) !important; /* 300px */
left:5 left: var(--left-5) !important; /* 400px */
left:6 left: var(--left-6) !important; /* 500px */
left:7 left: var(--left-7) !important; /* 600px */
left:8 left: var(--left-8) !important; /* 700px */
left:9 left: var(--left-9) !important; /* 800px */
left:10 left: var(--left-10) !important; /* 900px */
left:1p left: var(--left-percent-1) !important; /* 10% */
left:2p left: var(--left-percent-2) !important; /* 20% */
left:3p left: var(--left-percent-3) !important; /* 30% */
left:4p left: var(--left-percent-4) !important; /* 40% */
left:5p left: var(--left-percent-5) !important; /* 50% */
left:6p left: var(--left-percent-6) !important; /* 60% */
left:7p left: var(--left-percent-7) !important; /* 70% */
left:8p left: var(--left-percent-8) !important; /* 80% */
left:9p left: var(--left-percent-9) !important; /* 90% */
left:10p left: var(--left-percent-10) !important; /* 100% */
left:1/2 left: 50% !important;
left:1/3 left: 33% !important;
left:2/3 left: 66% !important;
left:1/4 left: 25% !important;
left:2/4 left: 50% !important;
left:3/4 left: 75% !important;
left:1/5 left: 20% !important;
left:2/5 left: 40% !important;
left:3/5 left: 60% !important;
left:4/5 left: 80% !important;
left:-1 left: calc(var(--left-1) * -1) !important; /* 0 */
left:-2 left: calc(var(--left-2) * -1) !important; /* -100px */
left:-3 left: calc(var(--left-3) * -1) !important; /* -200px */
left:-4 left: calc(var(--left-4) * -1) !important; /* -300px */
left:-5 left: calc(var(--left-5) * -1) !important; /* -400px */
left:-6 left: calc(var(--left-6) * -1) !important; /* -500px */
left:-7 left: calc(var(--left-7) * -1) !important; /* -600px */
left:-8 left: calc(var(--left-8) * -1) !important; /* -700px */
left:-9 left: calc(var(--left-9) * -1) !important; /* -800px */
left:-10 left: calc(var(--left-10) * -1) !important; /* -900px */
left:-1p left: calc(var(--left-percent-1) * -1) !important; /* -10% */
left:-2p left: calc(var(--left-percent-2) * -1) !important; /* -20% */
left:-3p left: calc(var(--left-percent-3) * -1) !important; /* -30% */
left:-4p left: calc(var(--left-percent-4) * -1) !important; /* -40% */
left:-5p left: calc(var(--left-percent-5) * -1) !important; /* -50% */
left:-6p left: calc(var(--left-percent-6) * -1) !important; /* -60% */
left:-7p left: calc(var(--left-percent-7) * -1) !important; /* -70% */
left:-8p left: calc(var(--left-percent-8) * -1) !important; /* -80% */
left:-9p left: calc(var(--left-percent-9) * -1) !important; /* -90% */
left:-10p left: calc(var(--left-percent-10) * -1) !important; /* -100% */
left:-1/2 left: calc(50% * -1) !important;
left:-1/3 left: calc(33% * -1) !important;
left:-2/3 left: calc(66% * -1) !important;
left:-1/4 left: calc(25% * -1) !important;
left:-2/4 left: calc(50% * -1) !important;
left:-3/4 left: calc(75% * -1) !important;
left:-1/5 left: calc(20% * -1) !important;
left:-2/5 left: calc(40% * -1) !important;
left:-3/5 left: calc(60% * -1) !important;
left:-4/5 left: calc(80% * -1) !important;