MonorailCss

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);
}

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

border-spacing MDN ↗

CSS Properties

  • border-spacing