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