Borders
border-spacing to Tailwind
Uses the spacing scale, with per-axisborder-spacing-x-* and border-spacing-y-* forms.The 103 mappings below are read straight out of Tailwind v4.3.3, not maintained by hand, so this is what the converter will actually produce for border-spacing.
border-spacing values and their classes
| CSS | Tailwind |
|---|---|
| border-spacing: 0 0; | border-spacing-0 |
| border-spacing: 0 0.125rem; | border-spacing-y-0.5 |
| border-spacing: 0 0.25rem; | border-spacing-y-1 |
| border-spacing: 0 0.375rem; | border-spacing-y-1.5 |
| border-spacing: 0 0.5rem; | border-spacing-y-2 |
| border-spacing: 0 0.625rem; | border-spacing-y-2.5 |
| border-spacing: 0 0.75rem; | border-spacing-y-3 |
| border-spacing: 0 0.875rem; | border-spacing-y-3.5 |
| border-spacing: 0 1.25rem; | border-spacing-y-5 |
| border-spacing: 0 1.5rem; | border-spacing-y-6 |
| border-spacing: 0 1.75rem; | border-spacing-y-7 |
| border-spacing: 0 10rem; | border-spacing-y-40 |
| border-spacing: 0 11rem; | border-spacing-y-44 |
| border-spacing: 0 12rem; | border-spacing-y-48 |
| border-spacing: 0 13rem; | border-spacing-y-52 |
| border-spacing: 0 14rem; | border-spacing-y-56 |
| border-spacing: 0 15rem; | border-spacing-y-60 |
| border-spacing: 0 16rem; | border-spacing-y-64 |
| border-spacing: 0 18rem; | border-spacing-y-72 |
| border-spacing: 0 1px; | border-spacing-y-px |
| border-spacing: 0 1rem; | border-spacing-y-4 |
| border-spacing: 0 2.25rem; | border-spacing-y-9 |
| border-spacing: 0 2.5rem; | border-spacing-y-10 |
| border-spacing: 0 2.75rem; | border-spacing-y-11 |
| border-spacing: 0 20rem; | border-spacing-y-80 |
| border-spacing: 0 24rem; | border-spacing-y-96 |
| border-spacing: 0 2rem; | border-spacing-y-8 |
| border-spacing: 0 3.5rem; | border-spacing-y-14 |
| border-spacing: 0 3rem; | border-spacing-y-12 |
| border-spacing: 0 4rem; | border-spacing-y-16 |
| border-spacing: 0 5rem; | border-spacing-y-20 |
| border-spacing: 0 6rem; | border-spacing-y-24 |
| border-spacing: 0 7rem; | border-spacing-y-28 |
| border-spacing: 0 8rem; | border-spacing-y-32 |
| border-spacing: 0 9rem; | border-spacing-y-36 |
| border-spacing: 0.125rem 0; | border-spacing-x-0.5 |
| border-spacing: 0.125rem 0.125rem; | border-spacing-0.5 |
| border-spacing: 0.25rem 0; | border-spacing-x-1 |
| border-spacing: 0.25rem 0.25rem; | border-spacing-1 |
| border-spacing: 0.375rem 0; | border-spacing-x-1.5 |
| border-spacing: 0.375rem 0.375rem; | border-spacing-1.5 |
| border-spacing: 0.5rem 0; | border-spacing-x-2 |
| border-spacing: 0.5rem 0.5rem; | border-spacing-2 |
| border-spacing: 0.625rem 0; | border-spacing-x-2.5 |
| border-spacing: 0.625rem 0.625rem; | border-spacing-2.5 |
| border-spacing: 0.75rem 0; | border-spacing-x-3 |
| border-spacing: 0.75rem 0.75rem; | border-spacing-3 |
| border-spacing: 0.875rem 0; | border-spacing-x-3.5 |
| border-spacing: 0.875rem 0.875rem; | border-spacing-3.5 |
| border-spacing: 1px 0; | border-spacing-x-px |
| border-spacing: 1px 1px; | border-spacing-px |
| border-spacing: 1rem 0; | border-spacing-x-4 |
| border-spacing: 1rem 1rem; | border-spacing-4 |
| border-spacing: 1.25rem 0; | border-spacing-x-5 |
| border-spacing: 1.25rem 1.25rem; | border-spacing-5 |
| border-spacing: 1.5rem 0; | border-spacing-x-6 |
| border-spacing: 1.5rem 1.5rem; | border-spacing-6 |
| border-spacing: 1.75rem 0; | border-spacing-x-7 |
| border-spacing: 1.75rem 1.75rem; | border-spacing-7 |
| border-spacing: 2rem 0; | border-spacing-x-8 |
| border-spacing: 2rem 2rem; | border-spacing-8 |
| border-spacing: 2.25rem 0; | border-spacing-x-9 |
| border-spacing: 2.25rem 2.25rem; | border-spacing-9 |
| border-spacing: 2.5rem 0; | border-spacing-x-10 |
| border-spacing: 2.5rem 2.5rem; | border-spacing-10 |
| border-spacing: 2.75rem 0; | border-spacing-x-11 |
| border-spacing: 2.75rem 2.75rem; | border-spacing-11 |
| border-spacing: 3rem 0; | border-spacing-x-12 |
| border-spacing: 3rem 3rem; | border-spacing-12 |
| border-spacing: 3.5rem 0; | border-spacing-x-14 |
| border-spacing: 3.5rem 3.5rem; | border-spacing-14 |
| border-spacing: 4rem 0; | border-spacing-x-16 |
| border-spacing: 4rem 4rem; | border-spacing-16 |
| border-spacing: 5rem 0; | border-spacing-x-20 |
| border-spacing: 5rem 5rem; | border-spacing-20 |
| border-spacing: 6rem 0; | border-spacing-x-24 |
| border-spacing: 6rem 6rem; | border-spacing-24 |
| border-spacing: 7rem 0; | border-spacing-x-28 |
| border-spacing: 7rem 7rem; | border-spacing-28 |
| border-spacing: 8rem 0; | border-spacing-x-32 |
| border-spacing: 8rem 8rem; | border-spacing-32 |
| border-spacing: 9rem 0; | border-spacing-x-36 |
| border-spacing: 9rem 9rem; | border-spacing-36 |
| border-spacing: 10rem 0; | border-spacing-x-40 |
| border-spacing: 10rem 10rem; | border-spacing-40 |
| border-spacing: 11rem 0; | border-spacing-x-44 |
| border-spacing: 11rem 11rem; | border-spacing-44 |
| border-spacing: 12rem 0; | border-spacing-x-48 |
| border-spacing: 12rem 12rem; | border-spacing-48 |
| border-spacing: 13rem 0; | border-spacing-x-52 |
| border-spacing: 13rem 13rem; | border-spacing-52 |
| border-spacing: 14rem 0; | border-spacing-x-56 |
| border-spacing: 14rem 14rem; | border-spacing-56 |
| border-spacing: 15rem 0; | border-spacing-x-60 |
| border-spacing: 15rem 15rem; | border-spacing-60 |
| border-spacing: 16rem 0; | border-spacing-x-64 |
| border-spacing: 16rem 16rem; | border-spacing-64 |
| border-spacing: 18rem 0; | border-spacing-x-72 |
| border-spacing: 18rem 18rem; | border-spacing-72 |
| border-spacing: 20rem 0; | border-spacing-x-80 |
| border-spacing: 20rem 20rem; | border-spacing-80 |
| border-spacing: 24rem 0; | border-spacing-x-96 |
| border-spacing: 24rem 24rem; | border-spacing-96 |
Other borders properties
Converting a whole stylesheet?
Paste it into the converter and get every rule at once, shorthands expanded, media queries turned into breakpoint variants, and the parts that have no Tailwind equivalent flagged rather than dropped.
Open the converter