Border Spacing

Utilities for controlling the spacing between table borders.

Class CSS Output
border-spacing-0
--tw-border-spacing-x: calc(var(--spacing) * 0);
--tw-border-spacing-y: calc(var(--spacing) * 0);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-4
--tw-border-spacing-x: calc(var(--spacing) * 4);
--tw-border-spacing-y: calc(var(--spacing) * 4);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-8
--tw-border-spacing-x: calc(var(--spacing) * 8);
--tw-border-spacing-y: calc(var(--spacing) * 8);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-auto
--tw-border-spacing-x: auto;
--tw-border-spacing-y: auto;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-px
--tw-border-spacing-x: 1px;
--tw-border-spacing-y: 1px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-[value]
border-spacing: [value]
-border-spacing-4
--tw-border-spacing-x: calc(var(--spacing) * 4);
--tw-border-spacing-y: calc(var(--spacing) * 4);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-x-0
--tw-border-spacing-x: calc(var(--spacing) * 0);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-x-4
--tw-border-spacing-x: calc(var(--spacing) * 4);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-spacing-x-8
--tw-border-spacing-x: calc(var(--spacing) * 8);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);

Reference