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