gap-<number>
gap: calc(var(--spacing) * <number>);/* 0.25rem */
gap-4
gap: calc(var(--spacing) * 4);
gap-<fraction>
gap: <percentage>;
gap-1/2
gap: 50%;
gap-[<value>]
gap: <value>;
gap-[1rem]
gap: 1rem;
gap-(<custom-property>)
gap: var(<custom-property>);
gap-(--my-length)
gap: var(--my-length);
gap-(length:<custom-property>)
gap-(length:--my-length)
gap-x-<number>
column-gap: calc(var(--spacing) * <number>);/* 0.25rem */
gap-x-4
column-gap: calc(var(--spacing) * 4);
gap-x-<fraction>
column-gap: <percentage>;
gap-x-1/2
column-gap: 50%;
gap-x-[<value>]
column-gap: <value>;
gap-x-[1rem]
column-gap: 1rem;
gap-x-(<custom-property>)
column-gap: var(<custom-property>);
gap-x-(--my-length)
column-gap: var(--my-length);
gap-x-(length:<custom-property>)
gap-x-(length:--my-length)
gap-y-<number>
row-gap: calc(var(--spacing) * <number>);/* 0.25rem */
gap-y-4
row-gap: calc(var(--spacing) * 4);
gap-y-<fraction>
row-gap: <percentage>;
gap-y-1/2
row-gap: 50%;
gap-y-[<value>]
row-gap: <value>;
gap-y-[1rem]
row-gap: 1rem;
gap-y-(<custom-property>)
row-gap: var(<custom-property>);
gap-y-(--my-length)
row-gap: var(--my-length);
gap-y-(length:<custom-property>)
gap-y-(length:--my-length)
© 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:
