left-auto
left: auto;
left-px
left: 1px;
left-full
left: 100%;
-left-px
left: -1px;
-left-full
left: -100%;
left-<number>
left: calc(var(--spacing) * <number>);/* 0.25rem */
left-4
left: calc(var(--spacing) * 4);
left-<fraction>
left: <percentage>;
left-1/2
left: 50%;
left-[<value>]
left: <value>;
left-[1rem]
left: 1rem;
left-(<custom-property>)
left: var(<custom-property>);
left-(--my-length)
left: var(--my-length);
left-(length:<custom-property>)
left-(length:--my-length)
-left-<number>
left: calc(var(--spacing) * -<number>);/* 0.25rem */
-left-4
left: calc(var(--spacing) * -4);
-left-<fraction>
left: calc(<percentage> * -1);
-left-1/2
left: calc(50% * -1);
© 2025, Fynydd LLC / King of Prussia, Pennsylvania; United States / +1 855-439-6933
By using this website you accept our privacy policy. Choose the browser data you consent to allow:
