right-auto
right: auto;
right-px
right: 1px;
right-full
right: 100%;
-right-px
right: -1px;
-right-full
right: -100%;
right-<number>
right: calc(var(--spacing) * <number>);/* 0.25rem */
right-4
right: calc(var(--spacing) * 4);
right-<fraction>
right: <percentage>;
right-1/2
right: 50%;
right-[<value>]
right: <value>;
right-[1rem]
right: 1rem;
right-(<custom-property>)
right: var(<custom-property>);
right-(--my-length)
right: var(--my-length);
right-(length:<custom-property>)
right-(length:--my-length)
-right-<number>
right: calc(var(--spacing) * -<number>);/* 0.25rem */
-right-4
right: calc(var(--spacing) * -4);
-right-<fraction>
right: calc(<percentage> * -1);
-right-1/2
right: 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:
